@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('lead.index'))
    <a href="{{ route('lead.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('lead.lead_follow_up_history_store'))
    <button type="submit" class="btn btn-primary font-weight-bolder" form="lead_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" id="lead-section-js">
            <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;">Lead Details</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="line-height: 10px;">
                            <td><strong>Lead Type</strong></td>
                            <td><strong>
                                    @foreach($lead_types as $key => $type)
                                        @if($key == $lead->lead_type)
                                            {{ $type }}
                                        @endif
                                    @endforeach</strong>
                            </td>
                            <td><strong>Lead No.</strong></td>
                            <td><strong>{{$lead->lead_no}}</strong></td>
                        </tr>
                        <tr style="line-height: 5px;">
                            <td><strong>Title</strong></td>
                            <td><strong>{{ $lead->title }}</strong></td>
                            <td><strong>Lead Date</strong></td>
                            <td>
                                <strong>{{ $lead ? \Carbon\Carbon::parse($lead->lead_date)->format('d-m-y') : '' }}</strong>
                            </td>
                        </tr>
                        <tr style="line-height: 10px;">
                            <td><strong>Industry Type</strong></td>
                            <td><strong>{{  $lead ? $lead->industry_type : '' }}</strong></td>
                            @if($customer_detail_exist = 'no')
                                <td><strong>Party</strong></td>
                                <td><strong>
                                        @if(isset($lead->customer) && isset($lead->customer->id))
                                            {{ $lead->customer->name }}
                                        @else
                                            N/A
                                        @endif
                                    </strong></td>
                            @endif
                        </tr>
                        <tr style="line-height: 10px;">
                            <td><strong>Location</strong></td>
                            <td><strong>
                                    @if($lead->location_id)
                                        {{ $lead->location->name }}
                                    @else
                                        N/A
                                    @endif
                                </strong></td>
                            <td><strong>Assigned To</strong></td>
                            <td><strong>
                                    @if($lead->assigned_to_id)
                                        {{ $lead->user->userDetail->last_name ? $lead->user->userDetail->first_name . ' ' . $lead->user->userDetail->last_name : $lead->user->userDetail->first_name }}
                                    @else
                                        N/A
                                    @endif
                                </strong></td>
                        </tr>
                        <tr style="line-height: 10px;">
                            <td><strong>Reference</strong></td>
                            <td><strong>
                                    @if($lead->reference)
                                        {{ $lead->reference->title }}
                                    @else
                                        N/A
                                    @endif
                                </strong></td>
                            <td><strong>Priority</strong></td>
                            <td><strong>
                                    {{ $priorities[$lead->priority] ?? 'N/A' }}
                                </strong></td>
                        </tr>

                        <tr style="line-height: 10px;">
                            <td><strong>Status</strong></td>
                            <td><strong>
                                    @foreach($statuses as $key => $status)
                                        @if($key == $lead->status)
                                            {{ $status }}
                                        @endif
                                    @endforeach
                                </strong></td>
                            @if(!$lead->status == 0)
                                <td><strong>Reason</strong></td>
                                <td><strong>{{ $lead->status_reason }}</strong></td>
                            @endif
                        </tr>
                        <tr style="line-height: 10px;">
                            <td><strong>Dealer/Distributor</strong></td>
                            <td><strong>
                                    @if($lead->customer_distributor_id)
                                        {{ $lead->dealer_distributor_customer->partyType->name. ' - '.$lead->dealer_distributor_customer->name }}
                                    @endif
                                </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;">Party Detail</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="line-height: 10px;">
                            <td><strong>Party Name</strong></td>
                            <td><strong>
                                    {{ $lead->customer_name ?? '' }}</strong>
                            </td>
                            <td><strong>Party Email</strong></td>
                            <td><strong>{{ $lead->customer_email ?? '' }}</strong></td>
                        </tr>
                        <tr style="line-height: 5px;">
                            <td><strong>Party Mobile No.</strong></td>
                            <td><strong>{{ $lead->customer_mobile_no ?? '' }}</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;">Project Detail</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="line-height: 10px;">
                            <td><strong>Project Name</strong></td>
                            <td><strong>
                                    {{ $lead ?  $lead->project_name : ''}}</strong>
                            </td>
                            <td><strong>Project Contact Person</strong></td>
                            <td><strong>{{ $lead ?  $lead->project_contact_person : ''}}</strong></td>
                        </tr>
                        <tr style="line-height: 5px;">
                            <td><strong>Project Contact Person Mobile</strong></td>
                            <td><strong>{{ $lead ?  $lead->project_contact_person_mobile : ''}}</strong></td>
                            <td><strong>Project Architect</strong></td>
                            <td><strong>{{ $lead ?  $lead->project_architect : ''}}</strong></td>
                        </tr>
                        <tr style="line-height: 5px;">
                            <td><strong>Project Address</strong></td>
                            <td><strong>{{ $lead ?  $lead->project_address : ''}}</strong></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="table-responsive">
                @if($lead->lead_type == 1)
                    <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;">Lead Material Detail</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr style="line-height: 10px;">
                                <td><strong>Material</strong></td>
                                <td><strong>
                                        @foreach($lead->leaddetail as $key => $leaddetail)
                                            @if($leaddetail->material)
                                                <option value="{{ $leaddetail->material->id }}"
                                                        selected>{{ $leaddetail->material->code. ' - '. $leaddetail->material->name }}</option>
                                            @endif
                                        @endforeach
                                    </strong>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                @endif
                @if($lead->lead_type == 0)
                    <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;">Lead Dealer Detail</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr style="line-height: 10px;">
                                <td><strong>Location</strong></td>
                                <td><strong>
                                        @if($lead->leadDealerDetail->dealer_location_id)
                                            @if($lead->leadDealerDetail->dealerLocation->id)
                                                {{ $lead->leadDealerDetail->dealerLocation->name }}
                                            @endif
                                        @endif
                                    </strong>
                                </td>
                                <td><strong>Name</strong></td>
                                <td><strong>{{ $lead->leadDealerDetail->dealer_name ?? ''}}</strong></td>
                            </tr>
                            <tr style="line-height: 5px;">
                                <td><strong>Email</strong></td>
                                <td><strong>{{ $lead->leadDealerDetail->dealer_email ?? ''}}</strong></td>
                                <td><strong>Mobile No.</strong></td>
                                <td><strong>{{ $lead->leadDealerDetail->dealer_mobile_no ?? ''}}</strong></td>
                            </tr>
                            <tr style="line-height: 5px;">
                                <td><strong>Remarks</strong></td>
                                <td><strong>{{ $lead->leadDealerDetail->dealer_remarks ?? '' }}</strong></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
            <form class="form" id="lead_follow_up_form" data-method="post"
                  data-url="{{ route('lead.lead_follow_up_history_store') }}" enctype="multipart/form-data">
                <div class="row">
                    <input type="hidden" name="lead_id" value="{{ $lead->id }}" id="lead_id">
                    <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">Lead 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>
                            <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="lead_status" id="lead_status">
                                                        @foreach($lead_followup_history_status as $key => $status)
                                                            <option value="{{ $key }}"
                                                                    @if($key == $lead->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;">Lead 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($lead->leadFollowUpHistory as $key => $value)
                            <tr style="line-height: 5px;">
                                <td><strong>
                                        {{  $value->user->userDetail->first_name }}
                                    </strong></td>
                                <td><strong>{{ $lead ? \Carbon\Carbon::parse($value->follow_up_date)->format('d-m-y') : '' }}</strong></td>
                                <td>
                                    @foreach($lead_followup_history_status as $key => $status)

                                        @if($key == $value->lead_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/lead/followuphistory.js') }}"></script>
@endsection