@extends('layouts.crud')
@section('title', 'Viagem - Cadastrar Nova')
@section('content')

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-end">
            <h3>Cadastrar Viagem</h3>
            <div id="divVoltar" class='pb-1 mr-3'>
                <a href="{{ route('validaviagem', []) }}" class="text-white">
                    <i class="fas fa-reply"></i>
                </a>
            </div>
        </div>

        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            {!! Form::open(['route' => 'validaviagem.store', 'files' => true]) !!}

            <fieldset class='fildset-border'>
                <legend>Dados da Viagem</legend>
                <div class='form-row'>
                    <div class="form-group col-md-4">
                        {!! Form::label('motorista_id', 'Motorista:') !!}
                        {!! Form::select('motorista_id', \App\Models\Motorista::orderBy('nome')->pluck('nome', 'id')->toArray(), null, [
                            'class' => 'form-control',
                            'required',
                        ]) !!}
                    </div>
                    <div class="form-group col-md-4">
                        {!! Form::label('veiculo_id', 'Veiculo:') !!}
                        {!! Form::select('veiculo_id', \App\Models\Veiculo::orderBy('tipo')->pluck('placa', 'id')->toArray(), null, [
                            'class' => 'form-control',
                            'required',
                        ]) !!}
                    </div>
                    <div class="form-group col-md-4">
                        {!! Form::label('rota_id', 'Rota:') !!}
                        {!! Form::select('rota_id', \App\Models\Rota::orderBy('nome')->pluck('nome', 'id')->toArray(), null, [
                            'class' => 'form-control',
                            'required',
                        ]) !!}
                    </div>
                    <div class="form-group col-md-3">
                        {!! Form::label('data_inicio', 'Data de Inicio:') !!}
                        {!! Form::date('data_inicio', null, [
                            'class' => 'form-control',
                            'required',
                            'max' => \Carbon\Carbon::now()->format('Y-m-d'),
                        ]) !!}
                    </div>
                    <div class="form-group col-md-3">
                        {!! Form::label('turno', 'Turno:') !!}
                        {!! Form::select('turno', \App\Models\Viagem::GetArrTurno(), null, ['class' => 'form-control', 'required']) !!}
                    </div>
                    <div class="form-group col-md-3">
                        {!! Form::label('sentido', 'Sentido:') !!}
                        {!! Form::select('sentido', \App\Models\Viagem::GetArrSentido(), null, ['class' => 'form-control', 'required']) !!}
                    </div>
                </div>
            </fieldset>

            <fieldset class='fildset-border'>
                <legend>Associados</legend>
                <div class='form-row'>
                    <div class="form-group col-md-5">
                        {!! Form::select('associado_id[]', $associados_ids, null, [
                            'class'=>'form-control selectpicker',
                            'data-selected-text-format' => 'count > 2',
                            'data-live-search'=>'true', 'multiple',
                            'data-actions-box'=>'true', 'required'])
                        !!}
                    </div>

                    <div class="form-group col-md-auto">
                        <button type="button" class="btn btn-default" id="auto_complete">
                            <i class="fas fa-tasks mr-2"></i> Auto-Completar com Associados no Cronograma
                        </button>
                    </div>
                </div>
            </fieldset>

            <div class='form-row'>
                <div class="form-group col-md-6">
                    {!! Form::submit('Cadastrar', ['class' => 'btn btn-primary']) !!}
                </div>
                {!! Form::close() !!}
            </div>
        </div>
        @stop

        @section('table-delete')
            "empresas"
        @stop

        @section('js')
            <script>
                $(document).ready(function () {
                    $('#auto_complete').click(function () {
                        const data = $('input[name="data_inicio"]').val();
                        const turno = $('select[name="turno"]').val();
                        const sentido = $('select[name="sentido"]').val();
                        const rotaId = $('select[name="rota_id"]').val();

                        if (!data || !turno || !sentido || !rotaId) {
                            toastr.error('Preencha todas as informações da viagem', 'Dados incompletos!')
                            return
                        }

                        $.ajax({
                            url: '/api/viagens/associados-viagens-agendadas',
                            type: 'GET',
                            dataType: 'json',
                            data: {
                                data: data,
                                turno: turno,
                                sentido: sentido,
                                rota_id: rotaId
                            },
                            success: function (response) {
                                const oldValue = $('select[name="associado_id[]').val()
                                const newValue = [ ...new Set([ ...oldValue, ...response.associado_id ]) ].map(String);
                                $('select[name="associado_id[]').val(newValue)
                                $('.selectpicker').selectpicker('refresh');
                                toastr.success('Foram selecionados os associados do cronograma', 'Sucesso!')
                            },
                            error: function (xhr, status, error) {
                                console.error(error);
                            }
                        });
                    });
                })
            </script>
@stop