@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <div class="d-sm-flex justify-content-between align-items-center mb-4">
            <h5 class="text-dark mb-0">Cadastro de agenda </h5>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="row">
                    <div class="col-4">
                        <label class="form-label" for="department_id">Departamento*</label>
                        <select name="department_id" id="department_id" class="form-select">
                            <option value="">Selecione uma opção</option>
                            @foreach($departments as $item)
                                <option value="{{$item->CodAuto}}">{{$item->Departamento}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-4">
                        <label class="form-label" for="collector_id">Colaborador* (coletor)</label>
                        <select name="collector_id" id="collector_id" class="form-select user_list">
                            <option value="">Selecione uma opção</option>
                        </select>
                    </div>
                    <div class="col-4">
                        <label class="form-label" for="companion_id">Acompanhante</label>
                        <select name="companion_id" id="companion_id" class="form-select user_list">
                            <option value="">Selecione uma opção</option>
                        </select>
                    </div>
                    <div class="col-4">
                        <label class="form-label" for="schedule_vehicle">Veiculo</label>
                        <select name="schedule_vehicle" id="schedule_vehicle" class="form-select">
                            <option value="">Selecione uma opção</option>
                            @foreach($vehicles as $item)
                                <option value="{{$item->Veiculo}}">{{$item->Veiculo}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-4">
                        <label class="form-label" for="schedule_activity">Atividade</label>
                        <select name="schedule_activity" id="schedule_activity" class="form-select">
                            <option value="">Selecione uma opção</option>
                            @foreach($activity as $item)
                                <option value="{{$item->Atividade}}">{{$item->Atividade}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-4">
                        <label class="form-label" for="schedule_project">Projeto</label>
                        <select name="schedule_project" id="schedule_project" class="form-select">
                            <option value="">Selecione uma opção</option>
                            @foreach($project as $item)
                                <option value="{{$item->Cliente}}">{{$item->Cliente}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="row">
                    <div class="col-4">
                        <label class="form-label" for="schedule_date">Data Visita*</label>
                        <input type="date" class="form-control" id="schedule_date" name="schedule_date">
                    </div>
                    <div class="col-2">
                        <label class="form-label" for="schedule_recurrence">Recorrência?*</label>
                        <select name="schedule_recurrence" id="schedule_recurrence" class="form-select">
                            <option value="Não">Não</option>
                            <option value="Sim">Sim</option>
                        </select>
                    </div>
                    <div class="col-2">
                        <label class="form-label" for="schedule_recurrence_days">Recorrência (dias)</label>
                        <input type="number" class="form-control" id="schedule_recurrence_days"
                               name="schedule_recurrence_days" min="0" step="1">
                    </div>
                    <div class="col-2">
                        <label class="form-label" for="schedule_recurrence_days_repeat">Repetir Recorrência</label>
                        <input type="number" class="form-control" id="schedule_recurrence_days_repeat"
                               name="schedule_recurrence_days_repeat" min="0" step="1">
                    </div>

                    <div class="col-4">
                        <label class="form-label" for="sector_id">Setor</label>
                        <select name="sector_id" id="sector_id" class="form-select">
                            <option value="">Selecione uma opção</option>
                            @foreach($sectors as $item)
                                <option value="{{$item->CodAuto}}">{{$item->Setor}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-4">
                        <label class="form-label" for="client_id">Cliente</label>
                        <select name="client_id" id="client_id" class="form-select">
                            <option value="">Selecione uma opção</option>
                            @foreach($clients as $item)
                                <option value="{{$item->Cod}}">{{$item->Empresa}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div id="preloaded-itinerary" style="display: none;">
                        <div class="col-12">
                            <label class="form-label" for="itineraries_id">Roteiro</label>
                            <select name="itineraries_id" class="form-select">
                                <option value="">Selecione uma opção</option>
                                @foreach($itineraries as $item)
                                    <option value="{{$item->itineraries_id}}">{{$item->itineraries_name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <small>* Campos Obrigatórios</small>
            </div>
        </div>

        <div class="row mt-4" style="display: none" id="client_div">
            <h5>Clientes do setor</h5>
            <table class="table table-responsive table-striped">
                <thead>
                <tr>
                    <td></td>
                    <td>O.C</td>
                    <td>Cliente</td>
                </tr>
                </thead>
                <tbody id="client_table">

                </tbody>
            </table>
        </div>


        <div class="row mt-4">
            <div class="col-12 text-end">
                <button class="btn btn-primary" id="save_schedule">Salvar</button>
            </div>
        </div>
    </div>

@endsection
@section('customJS')
    <script>
        schedule_path = @js([
        'token' => csrf_token(),
        'save_schedule' => route('schedule.save'),
        'load_clients' => route('schedule.load.clients'),
        'load_user' => route('schedule.load.user')
    ]);
    </script>
    <script src="{{asset("_js/schedule/forms.js")}}"></script>
@endsection