@extends('dashboardCollector._theme_dashboard')

@section('content')
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row">
            <div class="col-12 mb-4 text-center">
                <h5><strong>Informações Detalhadas</strong></h5>
            </div>
            <hr>
            <div class="col-12">
                <div class="card text-bg-dark-light shadow-md mb-2">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 text-center">
                                <h5 class="text-bg-dark-light">
                                    <strong>{{date("d/m/Y", strtotime($event["schedule_date"]))}}</strong></h5>
                            </div>
                            <div class="col-12">
                                OS: <strong>{{$event["schedule_id"]}}</strong>
                            </div>
                            <div class="col-12">
                                Veículo: <strong>{{$event["schedule_vehicle"]}}</strong>
                            </div>
                            <div class="col-12">
                                Atividade: <strong>{{$event["schedule_activity"]}}</strong>
                            </div>
                            <div class="col-12">
                                Projeto: <strong>{{$event["schedule_project"]}}</strong>
                            </div>
                            <div class="col-12">
                                Acompanhante: <strong>{{$event["companion_name"]}}</strong>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if(empty($schedule_service_order))
                <div class="col-12 mb-2 text-end">
                    <button class="btn btn-primary" id="open_os" data-id="{{$event["schedule_id"]}}">
                        Abertura OS
                    </button>
                </div>
            @else
                @if($schedule_service_order->service_order_complete)
                    <div class="col-12 mb-2">
                        <div class="alert alert-success text-center" role="alert">
                            <strong>Ordem de Serviço Fechada com Sucesso!</strong>
                        </div>
                    </div>
                @else
                    <div class="col-12 mb-2 text-end">
                        <button class="btn btn-primary" data-bs-toggle="offcanvas" href="#closeOSCanvas" role="button">
                            Fechamento OS
                        </button>
                    </div>
                @endif
            @endif

            @if(isset($event["extendedProps"]["clients"]))
                @foreach($event["extendedProps"]["clients"] as $item)
                    <div class="col-12 rounded-3 shadow-md">
                        <div class="card text-white bg-info mb-1">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        O.C.:{{$item["client_order"]}}
                                    </div>
                                    <div class="col-12">
                                        Cliente: {{$item["client_name"]}}
                                    </div>
                                    @foreach($item["items"] as $sub_item)
                                        <div class="col-12">
                                            <hr>
                                        </div>
                                        @if(!empty($sub_item["equipament"]))
                                            <div class="col-12">
                                                Equipamento: {{$sub_item["equipament"]}}
                                            </div>
                                        @else
                                            <div class="col-12">
                                                [Sem equipamentos para este agendamento]
                                            </div>
                                        @endif
                                        @if(!empty($sub_item["itinerary"]))
                                            <div class="col-12">
                                                Roteiro: {{$sub_item["itinerary"]}}
                                            </div>
                                        @endif
                                        <div class="col-12">
                                            @if($sub_item["schedule_data_status"] == 0)
                                                Situação: <strong>Em aberto</strong>
                                            @elseif($sub_item["schedule_data_status"] == 1)
                                                Situação: <strong>Completo</strong>
                                            @endif
                                        </div>
                                        @if(!empty($schedule_service_order))
                                            @if(!empty($sub_item["equipament"]))
                                                <div class="col-12 text-end">
                                                    @if($sub_item["schedule_data_status"] == 0)
                                                        <a href="{{route("collector.itinerario.preenceher", [
                                                                    "schedule_id" => $event["schedule_id"],
                                                                    "schedule_data_id" => $sub_item["schedule_data_id"]
                                                                ])}}"
                                                           class="text-white">
                                                            Iniciar <i class="fal fa-arrow-right"></i>
                                                        </a>
                                                    @endif
                                                </div>
                                            @else
                                                <div class="col-12 text-end">
                                                    @if($sub_item["schedule_data_status"] == 0)
                                                        <a class="text-white" id="complete_task"
                                                           data-id="{{$sub_item["schedule_data_id"]}}">
                                                            Atividade Concluida <i class="fal fa-check"></i>
                                                        </a>
                                                    @endif
                                                </div>
                                            @endif
                                        @endif
                                    @endforeach

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

                @endforeach
            @endif
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="startOSCanvas" aria-labelledby="startOSCanvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="startOSLabel">Abertura OS</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                    aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <div class="row">
                <form method="POST" action="{{route("collector.schedule.open.os")}}" enctype="multipart/form-data"
                      id="start_os_form">
                    @csrf
                    <input type="hidden" name="schedule_id" value="{{$event["schedule_id"]}}">

                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_companion_id">Acompanhante</label>
                        <select name="service_order_companion_id" id="service_order_companion_id" class="form-select">
                            <option value="">Sem Acompanhante</option>
                            @foreach($user_department as $item)
                                <option value="{{$item->id}}">{{$item->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_vehicle">Veiculo</label>
                        <select name="service_order_vehicle" id="service_order_vehicle" class="form-select" required>
                            <option value="">Selecione uma opção</option>
                            @foreach($vehicles as $item)
                                <option value="{{$item->Veiculo}}">{{$item->Veiculo}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_activity">Atividade</label>
                        <select name="service_order_activity" id="service_order_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-12 mb-2">
                        <label class="form-label" for="service_order_project">Projeto</label>
                        <select name="service_order_project" id="service_order_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 class="col-12 mb-2">
                        <label class="form-label" for="service_order_vehicle_start">Quilometragem Inicial
                            Veículo</label>
                        <input type="number" class="form-control" name="service_order_vehicle_start"
                               id="service_order_vehicle_start" required>
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_date_start">Data/Hora Início</label>
                        <input type="datetime-local" class="form-control"
                               name="service_order_date_start" id="service_order_date_start"
                               value="{{date('Y-m-d\TH:i')}}" required>
                    </div>

                    <div class="col-12 text-center">
                        <button class="btn btn-primary submit-forms" id="submit-forms-start">Confirmar Abertura</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="offcanvas offcanvas-end" tabindex="-1" id="closeOSCanvas" aria-labelledby="closeOSCanvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="closeOSLabel">Fechamento OS</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                    aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <div class="row">
                <form method="POST" action="{{route("collector.schedule.close.os")}}" enctype="multipart/form-data"
                      id="close_os_form">
                    @csrf
                    <input type="hidden" name="schedule_id" value="{{$event["schedule_id"]}}">

                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_vehicle_end">Quilometragem Final Veículo</label>
                        <input type="number" class="form-control" name="service_order_vehicle_end"
                               id="service_order_vehicle_end" required>
                    </div>

                    <div class="col-12 mb-2 ">
                        <label class="form-label" for="service_order_date_end">Data/Hora Término</label>
                        <input type="datetime-local" class="form-control"
                               name="service_order_date_end" id="service_order_date_end"
                               value="{{date('Y-m-d\TH:i')}}" required>
                    </div>

                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_food_expense">Custos Alimentação</label>
                        <input type="text" class="form-control money-mask" name="service_order_food_expense"
                               id="service_order_food_expense" required>
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_fuel_expense">Custos Combustível</label>
                        <input type="text" class="form-control money-mask" name="service_order_fuel_expense"
                               id="service_order_fuel_expense" required>
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_other_expense">Outros Custos</label>
                        <input type="text" class="form-control money-mask" name="service_order_other_expense"
                               id="service_order_other_expense">
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_extra_time">Hora Extra</label>
                        <select class="form-select" name="service_order_extra_time" id="service_order_extra_time"
                                required>
                            <option value="Não">Não</option>
                            <option value="Sim">Sim</option>
                        </select>
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="service_order_break_time">Almoço</label>
                        <select class="form-select" name="service_order_break_time" id="service_order_break_time"
                                required>
                            <option value="Não">Não</option>
                            <option value="Sim">Sim</option>
                        </select>
                    </div>

                    <div class="col-12 text-center">
                        <button class="btn btn-primary submit-forms-close">Confirmar Fechamento</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @csrf
    {{--  Busca os detalhes da agenda para confirmar os itens  --}}
    <input type="hidden" id="search_task_path" value="{{route("collector.schedule.start.details")}}">
    {{--  Salva atividade completa quando não tem formulário  --}}
    <input type="hidden" id="activity_save_path" value="{{route("collector.schedule.activity.save")}}">

@endsection
@section('customJS')
    <script src="{{asset("_js/collector/schedule_details.js")}}"></script>
@endsection