@if($time_slot->state == array_flip(config('enum.time_slot_states'))['complete'])
        <div class="row my-3" style="border: 1px solid #a1fcb8;">
            <div class="col-12">
                <strong>
                    &#10004; Marked Completed
                </strong>
                (complete again to add more notes)
            </div>
        </div>
@endif

        {!! Form::open(['route' => 'complete_booking', 'method' => 'post']) !!}
            {!! Form::token() !!}
            {{ Form::hidden('id', $time_slot->id) }}
            {{ Form::hidden('author_id', auth()->user()->id) }}

        <div class="row my-3" style="background-color: #a1fcb8;">
            <div class="col-12">
                <strong>
                    Complete booking
                </strong>
            </div>
        @php
        /*
            @foreach($time_slot->leads as $lead)
            <div class="col-12">
                {!! Form::checkbox('notify_email[]', $lead->getEmail(), null,
                    ['id' => 'notify_lead_email'.$lead->id, 'class' => 'p-0']) !!}
                {!! Form::label('notify_lead_email'.$lead->id, 'Notify user by email ('.$lead->getEmail().')') !!}
            </div>
            @endforeach
            @foreach($time_slot->staff as $staff)
            <div class="col-12">
                {!! Form::checkbox('notify_email[]', $staff->getEmail(), null,
                    ['id' => 'notify_staff_email'.$staff->id, 'class' => 'p-0']) !!}
                {!! Form::label('notify_staff_email'.$staff->id, 'Notify staff by email ('.$staff->getEmail().')') !!}
            </div>
            @endforeach
        */
        @endphp
        </div>

        @if(!empty($time_slot->leads) && $time_slot->leads->count() == 1)
            @if(!empty($time_slot->leads->first()->package))
            <div class="row mb-2">
                 <div class="col-12">
                    {!! $time_slot->leads->first()->package->infoTitle() !!}
                </div>
            </div>
            @endif
            <div class="row mb-2">
                 <div class="col-12">
                    {!! Form::text('gpon_sn',
                        $time_slot->leads->first()->gpon_sn, [
                        'placeholder' => 'GPON S/N',
                        'class' => 'form-control',
                        'maxlength' => 18]) !!}
                </div>
            </div>
            <div class="row mb-2">
                 <div class="col-12">
                    Update installation state:
                    @if($time_slot->type == 2)
                        {!! Form::select('install_state',
                            config('enum.install_states'),
                            2) !!}
                    @else
                        {!! Form::select('install_state',
                            config('enum.install_states'),
                            $time_slot->leads->first()->install_state) !!}
                    @endif
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-12 mt-2" style="text-decoration: underline;">
                    Installed date
                </div>
                <div class="col-12">
                    @if(empty($time_slot->leads->first()->install_date))
                        {!! Form::datetimeLocal('install_date', null, ['id' => 'install_date_input']) !!}
                        <button type="button" id="installed-now">Now</button>
                    @else
                        {!! Form::datetimeLocal('install_date',
                            $time_slot->leads->first()->install_date->format('Y-m-d\TH:m')) !!}
                    @endif
                </div>
            </div>
            @if($time_slot->type == 2)
            <div class="row mb-2">
                <div class="col-12 mt-2" style="text-decoration: underline;">
                    Start billing? (Emails customer their order confirmation and direct debit setup instructions)
                </div>
                <div class="col-12">
                    {!! Form::checkbox('start_billing', 1, 1,
                        ['id' => 'start_billing', 'class' => 'p-0']) !!}
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-12 mt-2" style="text-decoration: underline;">
                    Request TrustPilot review? (Only works when starting billing)
                </div>
                <div class="col-12">
                    {!! Form::checkbox('review', 1, null,
                        ['id' => 'review', 'class' => 'p-0']) !!}
                </div>
            </div>
            @endif
        @endif

        <div class="row my-1">
            <div class="col-12">
            {!! Form::textarea('reason', '', [
                'class'      => 'form-control',
                'placeholder' => 'Useful info about what was done (included in email)',
                'rows'       => 4,
                'name'       => 'info',
                'max'        => 10000
                ]) !!}
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-12 mt-2">
                <button class="btn btn-success" type="submit">
                    Complete
                </button>
            </div>
        </div>
        {!! Form::close() !!}


        {!! Form::open(['route' => 'cancel_booking', 'method' => 'post']) !!}
            {!! Form::token() !!}
            {{ Form::hidden('id', $time_slot->id) }}
        <div class="row mt-3" style="background-color: #ffbfc0;">
            <div class="col-12">
                <strong>
                    Cancel booking
                </strong>
            </div>
            @foreach($time_slot->leads as $lead)
            <div class="col-12">
                {!! Form::checkbox('notify_email[]', $lead->getEmail(), null,
                    ['id' => 'notify_lead_email'.$lead->id, 'class' => 'p-0']) !!}
                {!! Form::label('notify_lead_email'.$lead->id, 'Notify user by email ('.$lead->getEmail().')') !!}
            </div>
            @endforeach
            @foreach($time_slot->staff as $staff)
            <div class="col-12">
                {!! Form::checkbox('notify_email[]', $staff->getEmail(), null,
                    ['id' => 'notify_staff_email'.$staff->id, 'class' => 'p-0']) !!}
                {!! Form::label('notify_staff_email'.$staff->id, 'Notify staff by email ('.$staff->getEmail().')') !!}
            </div>
            @endforeach
        </div>
        <div class="row my-1">
            <div class="col-12">
            {!! Form::textarea('reason', '', [
                'class'      => 'form-control',
                'placeholder' => 'Cancellation reason (included in email)',
                'rows'       => 4,
                'name'       => 'reason',
                'max'        => 10000
                ]) !!}
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-12 mt-2">
                <button class="btn btn-danger" type="submit">
                    Cancel
                </button>
            </div>
        </div>
        {!! Form::close() !!}


<script>

    $('body').on('click', '#installed-now', function() {
        var now = new Date();
        var mm = now.getMonth() + 1; if(mm<10){ mm='0'+mm; }
        var dd = now.getDate(); if(dd<10){ dd='0'+dd; }
        var hh = now.getHours(); if(hh<10){ hh='0'+hh; }
        var ii = now.getMinutes(); if(ii<10){ ii='0'+ii; }
        $('#install_date_input').val(now.getFullYear()+"-"+mm+"-"+dd+"T"+hh+":"+ii);
        return;
    });

</script>