@extends('layout.default')
@section('styles')
    <style type="text/css">
        table .select2-selection__rendered {
            line-height: 30px !important;
        }

        table .select2-container .select2-selection--single {
            height: 34px !important;
        }

        table .select2-selection__arrow {
            height: 33px !important;
        }

        /*.table-responsive th, .table-responsive td {
            min-width: 150px;
        }*/
        .btn-group1, .btn-group-vertical {
            width: 100%;
        }
    </style>
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('inquiry.index'))
    <a href="{{ route('inquiry.index') }}" class="btn btn-light-primary font-weight-bolder mr-2">
        <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
    @endPermissionsCan
    @PermissionsCan(groupPermissionName('inquiry.inquiryfollowuphistory.store'))
    <button type="submit" class="btn btn-primary font-weight-bolder" form="inquiry_follow_up_form">
        <i class="ki ki-check icon-sm"></i><u>S</u>ave
    </button>
    @endPermissionsCan


@endsection
@section('content')
    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-body" >
            <div class="table-responsive">
                <div class="table-scrollable tableouter">
                    <table class="table manualTableFoot table-bordered table-condensed flip-content"
                           style="font-size: 10px;">
                        <thead>
                        <tr style="line-height: 10px;">
                            <th colspan="4" style="font-size: 15px;">Inquiry Details</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="line-height: 10px;">
                            <td><strong>Branch</strong></td>
                            <td><strong>  {{ $inquiry->branch->name }}</strong></td>
                            <td><strong>Location</strong></td>
                            <td><strong>  {{ $inquiry->location->name }}</strong></td>
                        </tr>
                        <tr style="line-height: 5px;">
                            <td><strong>Dealer/Distributor</strong></td>
                            <td>
                                <strong>  {{ isset($inquiry->dealer_distributor_customer) ? $inquiry->dealer_distributor_customer->partyType->name. ' - '.$inquiry->dealer_distributor_customer->name : '' }}</strong>
                            </td>
                            <td><strong>Inquiry No.</strong></td>
                            <td><strong> {{ $inquiry->inquiry_no }} </strong></td>
                        </tr>
                        <tr style="line-height: 10px;">
                            <td><strong>Inquiry Date</strong></td>
                            <td><strong>{{ $inquiry ? \Carbon\Carbon::parse($inquiry->inquiry_date)->format('d-m-y') : '' }}</strong></td>
                            <td><strong>Inquiry Remarks</strong></td>
                            <td><strong> {{ $inquiry->inquiry_remarks }} </strong></td>

                        </tr>
                        <tr style="line-height: 10px;">
                            <td><strong>Admin Remarks</strong></td>
                            <td><strong> {{ $inquiry->admin_remarks }} </strong></td>
                            <td><strong>Assigned To</strong></td>
                            <td><strong>{{ $inquiry->user->userDetail->first_name }}</strong></td>
                        </tr>

                        <tr style="line-height: 10px;">
                            <td><strong>Status</strong></td>
                            @foreach($statuses as $key => $status)
                                @if($key == $inquiry->status)
                                    <td><strong>  {{ $status }}</strong></td>
                                @endif
                            @endforeach
                            <td><strong>Party</strong></td>
                            <td><strong>{{ isset($inquiry->customer) ? $inquiry->customer->name : ''}}</strong></td>
                        </tr>

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="table-responsive">
                <div class="table-scrollable tableouter">
                    <table class="table manualTableFoot table-bordered table-condensed flip-content"
                           style="font-size: 10px;">
                        <thead>
                        <tr style="line-height: 10px;">
                            <th colspan="4" style="font-size: 15px;">Inquiry Material Detail</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="line-height: 10px;">
                            <td><strong>Material</strong></td>
                            <td><strong>Qty</strong></td>
                        </tr>

                        @foreach($inquiry->inquiryDetails as $key =>$data)
                            <tr style="line-height: 10px;">
                                <td>
                                    <strong> {{ $inquiry->inquiryDetails[$key]->material->code. '-'.  $inquiry->inquiryDetails[$key]->material->name }}</strong>
                                </td>
                                <td>
                                    <strong> {{ $inquiry->inquiryDetails[$key]->quantity}}</strong>
                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div>
            </div>

            <form class="form" id="inquiry_follow_up_form" data-method="post"
                  data-url="{{ route('inquiry.inquiry_follow_up_history_store') }}" enctype="multipart/form-data">
                <div class="row">
                    <div class="col-md-12 mb-10">
                        <div class="card card-custom card-border card-shadow" data-card="true" id="kt_card_3">
                            <div class="card-header bg-secondary">
                                <div class="card-title">
                                    <h3 class="card-label">Inquiry FollowUp History</h3>
                                </div>
                                <div class="card-toolbar">
                                    <a href="#" class="btn btn-icon btn-circle btn-sm btn-light-primary mr-1"
                                       data-card-tool="toggle">
                                        <i class="ki ki-arrow-down icon-nm"></i>
                                    </a>
                                </div>
                            </div>
                            <input type="hidden" name="inquiry_id" value="{{ $inquiry->id }}" id="inquiry_id">
                            <div class="card-body" kt-hidden-height="384">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>FollowUp Date<b class="text-danger">*</b></label>
                                            <input type="date" class="form-control lead_datepicker-js"
                                                   name="follow_up_date"
                                                   id="follow_up_date"
                                                   value="{{ now()->format('Y-m-d') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Status<b class="text-danger">*</b></label>
                                            <div class="btn-group btn-group1" role="group"
                                                 aria-label="Button group with nested dropdown">
                                                <div class="btn-group btn-group1" role="group">
                                                    <select class="form-control form-control-lg status-select2-js"
                                                            name="inquiry_status" id="inquiry_status">
                                                        @foreach($inquiry_followup_history_status as $key => $status)
                                                            <option value="{{ $key }}"
                                                                    @if($key == $inquiry->status) selected @endif>{{ $status }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>Description <b class="text-danger">*</b></label>
                                            <textarea class="form-control form-control-solid" name="description"
                                                      id="description" rows="3"
                                                      placeholder="Enter description"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="table-responsive">
                <div class="table-scrollable tableouter">
                    <table class="table manualTableFoot table-bordered table-condensed flip-content"
                           style="font-size: 10px;">
                        <thead>
                        <tr style="line-height: 10px;">
                            <th colspan="4" style="font-size: 15px;">Inquiry FollowUp History</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="line-height: 10px;">
                            <td><strong>Created By</strong></td>
                            <td><strong>FollowUp Date</strong></td>
                            <td><strong>Status</strong></td>
                            <td><strong>Description</strong></td>
                        </tr>
                        @foreach($inquiry->inquiryFollowUpHistory as $key => $value)
                            <tr style="line-height: 5px;">
                                <td><strong>
                                        {{  $value->user->userDetail->first_name }}
                                    </strong></td>
                                <td><strong>{{ $inquiry ? \Carbon\Carbon::parse($value->follow_up_date)->format('d-m-y') : '' }}</strong></td>
                                <td>
                                    @foreach($inquiry_followup_history_status as $key => $status)

                                        @if($key == $value->inquiry_status)
                                            {{ $status }}
                                        @endif
                                    @endforeach
                                </td>
                                <td><strong>{{ $value->description }}</strong></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>


        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript" src="{{ asset('js/modules/inquiryfollowuphistory/followuphistory.js') }}"></script>
@endsection