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

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

@section('content')

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

    <x-section_heading title="Schedule" subtitle="" rowclass="mt-5"/>

    <div class="row mb-3">
        <div class="col-6 text-left">
        @if(!empty(session()->get('last_lead')))
            <a href="/customer/{!! session()->get('last_lead') !!}">
                <button type="button" class="btn btn-primary">
                    < Last customer
                </button>
            </a>
        @endif
            <a href="/dashboard" class="btn btn-primary">
                Dashboard
            </a>
        </div>
        <div class="col-6 text-right">
            <a href="/appointment">
                <button type="button" class="btn btn-primary">
                    Add to schedule
                </button>
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <table>
                <tr>
                    <td>Days behind</td>
                    <td colspan="2"><input type="number" value="2" id="days-behind" /></td>
                </tr>
                <tr>
                    <td>Days ahead</td>
                    <td><input type="number" value="14" id="days-ahead" /></td>
                    <td>
                        <button type="button" class="refresh-schedule"
                            data-showdayhours="false">
                            Refresh
                        </button>
                    </td>
                </tr>
            </table>
        </div>
    </div>

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

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

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

</div>
@endsection

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