@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 d-flex align-items-stretch">
                <div class="card w-100">
                    <div class="card-body p-4">
                        <h5 class="card-title fw-semibold mb-4">Resumo da agenda</h5>
                        <div class="row mb-4">
                            <div class="col-12">
                                <span>Filtros</span>
                            </div>
                            <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="">Todos</option>
                                    @foreach($departments as $item)
                                        <option value="{{$item->CodAuto}}">{{$item->Departamento}}</option>
                                    @endforeach
                                </select>
                            </div>
{{--                            <div class="col-4">--}}
{{--                                <label class="form-label" for="client_id">Clientes</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 class="col-4">
                                <label class="form-label" for="collector_id">Colaborador</label>
                                <select name="collector_id" id="collector_id" class="form-select">
                                    <option value="">Todos</option>
                                    @foreach($user as $item)
                                        <option value="{{$item->id}}">{{$item->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div id='calendar'></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('customJS')
    <script>
        schedule_path = @js([
        'token' => csrf_token(),
        'load_schedule' => route('schedule.load'),
        'remove_schedule' => route('schedule.remove'),
        'logged_user_id' => auth()->user()->id,
    ]);
    </script>
    <script src='{{asset("assets/fullcalendar/dist/index.global.min.js")}}'></script>
    <script src="{{asset("_js/schedule/index.js")}}"></script>
@endsection