@extends('layouts.'.env('THEME'))

<style>
.note-update-textarea {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
.note-admin-state-1 {
    background-color: #8cc2e6;
}
.note-admin-state-2 {
    background-color: #e08ce6;
}
.note-admin-state-3 {
    background-color: #e68cb3;
}
.panel-collapse {
    font-size: 11px;
}
</style>

@section('content')

<div class="container" id="main-container">

    <a href="/customers" class="btn btn-primary my-3">
        < Customers
    </a>
    @if(auth()->user() && auth()->user()->isPermitted("staff"))
    <a href="/dashboard" class="btn btn-primary">
        Dashboard
    </a>
    <a href="/staff/schedule" class="btn btn-primary">
        Schedule
    </a>
    @endif
    @if(auth()->user() && auth()->user()->isPermitted("director"))
    <a href="/customer_xero/{{ $lead->id }}" class="btn btn-primary">
        Xero
    </a>
    @endif
    <br />

    <x-section_heading title="Customer management" subtitle="Manage customer information and status" rowclass="mt-5"/>

    @include('admin.customers.notifications')

@if(empty($lead->user))
    <div class="row mb-3">
        <div class="col-12">
            <h4>This lead did not complete profile setup when they entered their details on our website.</h4>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-lg-6 col-12 mb-4">
            @include('admin.customers.edit_sections.info')

            <div class="panel-collapse" data-panel="dcms_voucher">
                BDUK voucher {!! $lead->dcms_voucher !!} <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="dcms_voucher">
                @include('admin.customers.edit_sections.dcms_voucher')
            </div>
        </div>
        <div class="col-lg-6 col-12">
            <div class="panel-collapse" data-panel="complete_account">
                Complete account reminder {!! $lead->dcms_voucher !!} <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="complete_account">
                @include('admin.customers.edit_sections.complete_account')
            </div>
        </div>
    </div>
@else
    <div class="row mb-3">
        <div class="col-12">
            <div class="panel-collapse" data-panel="emaillog">
                Tracker copy paste row <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="emaillog">
                @include('admin.customers.edit_sections.tracker_row')
            </div>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-12">
            @php
            $unread = 0;
            if(!empty($user)){
                foreach($user->emailLogs as $elog){
                    if($elog->opened == 0) $unread++;
                }
            }
            @endphp
            <div class="panel-collapse" data-panel="emaillog">
                Email log <i class="fa fa-chevron-down" aria-hidden="true"></i>
                <span class="badge badge-danger ml-3">{!! $unread !!}</span> <small>(logging since 22nd May 2022)</small>
            </div>
            <div class="panel-body" id="emaillog">
                @include('admin.customers.edit_sections.email_log')
            </div>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-lg-6 col-12 mb-4">
            @include('admin.customers.edit_sections.info')

            <div class="panel-collapse" data-panel="quick_update">
                Update details <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="quick_update">
                @include('admin.customers.edit_sections.quick_update')
            </div>

            <div class="panel-collapse" data-panel="dcms_voucher">
                BDUK voucher {!! $lead->dcms_voucher !!} <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="dcms_voucher">
                @include('admin.customers.edit_sections.dcms_voucher')
            </div>

            <div class="panel-collapse" data-panel="billing">
                Package and billing <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="billing">
                @include('admin.customers.edit_sections.billing')
            </div>

            <div class="panel-collapse" data-panel="referrals">
                Referrals <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </div>
            <div class="panel-body" id="referrals">
                @include('admin.customers.edit_sections.referrals')
            </div>

        </div>
        <div class="col-lg-6 col-12">

            <div class="panel-collapse" data-panel="notes">
                Notes <i class="fa fa-chevron-down" aria-hidden="true"></i>
                <span class="badge badge-primary ml-3">{!! $user->notes->count() !!}</span>
            </div>
            <div class="panel-body" id="notes">
                @include('admin.customers.edit_sections.notes')
            </div>

            <div class="panel-collapse" data-panel="appointments">
                Appointments <i class="fa fa-chevron-down" aria-hidden="true"></i>
                <span class="badge badge-primary ml-3">{!! $lead->time_slots->count() !!}</span>
            </div>
            <div class="panel-body" id="appointments">
                @include('admin.customers.edit_sections.appointments')
            </div>

        </div>
    </div>
@endif

</div>
@endsection

@section('script')
     @include('admin.customers.form_script')
     @include('staff.notes.script')
@endsection