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

@section('moreStyle')
    @include('staff.schedule.style')
@endsection

@section('content')

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



    <div class="row mt-3 mb-3">
        <div class="col-lg-2 col-md-2 col-sm-1 col-0"></div>
        <div class="col-lg-8 col-md-8 col-sm-10 col-12 pb-2">
            <div class="btn-group w-100">
                <x-btn_state_link
                    name="customer"
                    href="/customer/{{ $lead->id }}"
                    active="false"/>
                <x-btn_state_link
                    name="all customers"
                    href="/customers"
                    active="false" />
                <x-btn_state_link
                    name="schedule"
                    href="/staff/schedule"
                    active="false"/>
            </div>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-1 col-0"></div>
    </div>

    @if($lead->isInstalled())
        <h5>Customer is installed</h5>
        <p>If this in incorrect change their installation state here: <a href="/customer/{{ $lead->id }}">customer admin panel</a></p>
    @elseif(empty($time_slot))
        <div class="row mt-4 mb-3">
            <div class="col-12">
                <h3>Book install</h3>
                <p>
                    {{ $lead->fullname }} <br />
                    {{ $lead->address->address_line_1 }}
                    {{ $lead->address->address_line_2 }}
                    {{ $lead->address->address_line_3 }}
                    {{ $lead->address->postcode }}
                </p>
            </div>
        </div>

        {!! Form::open(['route' => 'book_install', 'method' => 'post']) !!}
            {!! Form::token() !!}
            {!! Form::hidden('uuid', $lead->uuid) !!}

    <div class="row">
        <div class="col-12">
            <strong>Assign staff</strong>
        </div>
    </div>
    @foreach($a_staff as $sta)
    <div class="row">
        <div class="col-12">
            @php
                $checked = false;
            @endphp
            {!! Form::checkbox('attach_staff['.$sta->id.']', $sta->id, $checked,
                ['id' => 'attach_staff_'.$sta->id, 'class' => 'p-0']) !!}
            {!! Form::label('attach_staff_'.$sta->id, $sta->user->name) !!}
        </div>
    </div>
    @endforeach

@php
/*
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <strong>Engineer</strong>
                    {!! Form::select('staff_id', $staff_select, null, ['id' => 'staff-select']) !!}
                    Days ahead {!! Form::number('', 14, ['id' => 'days-ahead']) !!}
                </div>
            </div>
        </div>
*/
@endphp

    <div class="row mt-3">
        <div class="col-12">
            <div class="form-group">
                <label for=days-ahead""><strong>Calendar days ahead</strong> &nbsp;</label>
                {!! Form::number('', 14, ['id' => 'days-ahead']) !!}
                <button type="button" class="refresh-schedule">Refresh schedule</button>
            </div>
        </div>
    </div>

        <div class="row">
            <div class="col-md-12">
                <div id="day-time-scale">

                </div>
                <div id="staff-schedule">

                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    Start: &nbsp;
                    {!! Form::dateTimeLocal('start', null, ['id' => 'start']) !!}
                    <button class="btn btn-primary clear-start" type="button">Clear</button>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    Finish: &nbsp;
                    {!! Form::dateTimeLocal('end', null, ['id' => 'end']) !!}
                    <button class="btn btn-primary clear-end" type="button">Clear</button>
                </div>
            </div>
        </div>

        @php $no_note_state = true; $note_required = false; @endphp
        {!! Form::hidden('author_id', auth()->user()->id) !!}
        @include('staff.notes.form')

        <div class="row">
            @include('admin.customers.notify_fields')
        </div>

        <div class="row">
            <div class="col-md-12 mb-5">
                {!! Form::submit('Book', ['class' => 'btn btn-primary']) !!}
            </div>
        </div>

        {!! Form::close() !!}
    @else
        <div class="row mt-4">
            <div class="col-md-12">
                <h5>Install booked</h5>
                With <strong>{!! $staff->first()->user->name !!}.</strong><br />
                {!! $time_slot->getWhenLine() !!}
                @if(!empty($lead))
                    <br />
                    <a href="/customer/{!! $lead->id !!}">{!! $lead->fullname !!}</a><br />
                    {!! $lead->address->full() !!}
                @endif
            </div>
        </div>

        @include('admin.timeslot.appointment_closing')

    @endif


</div>

@endsection

@section('script')
<script>
    $(document).ready(function() {
        refreshSchedule();
    });
</script>
    @include('staff.schedule.script')
@endsection