{{-- @extends('layouts.admin-map') --}}
@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
        Solicitud traslado
    </div>

    <div class="card-body">
        <form action="{{ route("admin.traslados.store") }}" method="POST"
            enctype="multipart/form-data">
            @csrf


            <div class="form-group ">
                <label for="hora-salida">Día y horario de <strong>salida</strong>:</label>
                <input type="datetime-local" id="hora-salida" name="hora-salida">
            </div>

            <div class="form-group ">
                <label for="hora-regreso">Día y horario de <strong>regreso</strong>:</label>
                <input type="datetime-local" id="hora-regreso" name="hora-regreso">
            </div>

            <div
                class="form-group {{ $errors->has('category_id') ? 'has-error' : '' }}">
                <label for="category">Tipo de vehículo*</label>
                <select name="category_id" id="category" class="form-control select2" required>
                    @foreach($categories as $id => $category)
                        <option value="{{ $id }}"
                            {{ (isset($traslado) && $traslado->category ? $traslado->category->id : old('category_id')) == $id ? 'selected' : '' }}>
                            {{ $category }}</option>
                    @endforeach
                </select>
                @if($errors->has('category_id'))
                    <em class="invalid-feedback">
                        {{ $errors->first('category_id') }}
                    </em>
                @endif
            </div>

            <div style="margin-bottom: 10px;" class="row">
                <div class="col-lg-12">
                    <a class="btn btn-success" href="{{ url("admin/traslados/mapa") }} " target="_blank">
                        Ver viaje en el mapa
                    </a>
                </div>
            </div>

            <div
                class="form-group {{ $errors->has('author_name') ? 'has-error' : '' }}">
                <label for="author_name">Nombre Referente (superior inmediato)</label>
                <input type="text" id="author_name" name="author_name" class="form-control"
                    value="{{ old('author_name', isset($traslado) ? $traslado->author_name : '') }}">
                @if($errors->has('author_name'))
                    <em class="invalid-feedback">
                        {{ $errors->first('author_name') }}
                    </em>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.traslado.fields.author_name_helper') }}
                </p>
            </div>
            <div
                class="form-group {{ $errors->has('author_email') ? 'has-error' : '' }}">
                <label for="author_email">{{ trans('cruds.traslado.fields.author_email') }}</label>
                <input type="text" id="author_email" name="author_email" class="form-control"
                    value="{{ old('author_email', isset($traslado) ? $traslado->author_email : '') }}">
                @if($errors->has('author_email'))
                    <em class="invalid-feedback">
                        {{ $errors->first('author_email') }}
                    </em>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.traslado.fields.author_email_helper') }}
                </p>
            </div>


            <div
                class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
                <label for="title">{{ trans('cruds.traslado.fields.title') }}*</label>
                <input type="text" id="title" name="title" class="form-control"
                    value="{{ old('title', isset($traslado) ? $traslado->title : '') }}"
                    required>
                @if($errors->has('title'))
                    <em class="invalid-feedback">
                        {{ $errors->first('title') }}
                    </em>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.traslado.fields.title_helper') }}
                </p>
            </div>
            <div
                class="form-group {{ $errors->has('content') ? 'has-error' : '' }}">
                <label for="content">Observaciones / Aclaraciones</label>
                <textarea id="content" name="content"
                    class="form-control ">{{ old('content', isset($traslado) ? $traslado->content : '') }}</textarea>
                @if($errors->has('content'))
                    <em class="invalid-feedback">
                        {{ $errors->first('content') }}
                    </em>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.traslado.fields.content_helper') }}
                </p>
            </div>
            <div
                class="form-group {{ $errors->has('attachments') ? 'has-error' : '' }}">
                <label for="attachments">Archivos adjuntos</label>
                <div class="needsclick dropzone" id="attachments-dropzone">

                </div>
                @if($errors->has('attachments'))
                    <em class="invalid-feedback">
                        {{ $errors->first('attachments') }}
                    </em>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.traslado.fields.attachments_helper') }}
                </p>
            </div>
            <div style="display: none;"
                class="form-group {{ $errors->has('status_id') ? 'has-error' : '' }}">
                <label for="status">{{ trans('cruds.traslado.fields.status') }}*</label>
                <select name="status_id" id="status" class="form-control select2" required>
                    @foreach($statuses as $id => $status)
                        <option value="1" </option>
                    @endforeach
                </select>
                @if($errors->has('status_id'))
                    <em class="invalid-feedback">
                        {{ $errors->first('status_id') }}
                    </em>
                @endif
            </div>
            <div
                class="form-group {{ $errors->has('priority_id') ? 'has-error' : '' }}">
                <label for="priority">Prioridad</label>
                <select name="priority_id" id="priority" class="form-control select2" required>
                    @foreach($priorities as $id => $priority)
                        <option value="{{ $id }}"
                            {{ (isset($traslado) && $traslado->priority ? $traslado->priority->id : old('priority_id')) == $id ? 'selected' : '' }}>
                            {{ $priority }}</option>
                    @endforeach
                </select>
                @if($errors->has('priority_id'))
                    <em class="invalid-feedback">
                        {{ $errors->first('priority_id') }}
                    </em>
                @endif
            </div>


            @if(auth()->user()->isAdmin())
                <div
                    class="form-group {{ $errors->has('assigned_to_user_id') ? 'has-error' : '' }}">
                    <label for="assigned_to_user">Asignado a:</label>
                    <select name="assigned_to_user_id" id="assigned_to_user" class="form-control select2">
                        @foreach($assigned_to_users as $id => $assigned_to_user)
                            <option value="{{ $id }}"
                                {{ (isset($traslado) && $traslado->assigned_to_user ? $traslado->assigned_to_user->id : old('assigned_to_user_id')) == $id ? 'selected' : '' }}>
                                {{ $assigned_to_user }}</option>
                        @endforeach
                    </select>
                    @if($errors->has('assigned_to_user_id'))
                        <em class="invalid-feedback">
                            {{ $errors->first('assigned_to_user_id') }}
                        </em>
                    @endif
                </div>
            @endif
            <div>
                <input class="btn btn-danger" type="submit" value="Guardar">
            </div>
        </form>


    </div>
</div>
@endsection

@section('scripts')

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
    $(function () {
        $(".datepicker").datepicker({});
    });

    $.datepicker.regional['es'] = {
        closeText: 'Cerrar',
        prevText: '<Ant',
        nextText: 'Sig>',
        currentText: 'Hoy',
        monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre',
            'Octubre', 'Noviembre', 'Diciembre'
        ],
        monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
        dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
        dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
        dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
        weekHeader: 'Sm',
        dateFormat: 'dd/mm/yy',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''
    };
    $.datepicker.setDefaults($.datepicker.regional['es']);

</script>

<script>
    var uploadedAttachmentsMap = {}
    Dropzone.options.attachmentsDropzone = {
        url: '{{ route('admin.traslados.storeMedia') }}',
        maxFilesize: 2, // MB
        addRemoveLinks: true,
        headers: {
            'X-CSRF-TOKEN': "{{ csrf_token() }}"
        },
        params: {
            size: 2
        },
        success: function (file, response) {
            $('form').append('<input type="hidden" name="attachments[]" value="' + response.name + '">')
            uploadedAttachmentsMap[file.name] = response.name
        },
        removedfile: function (file) {
            file.previewElement.remove()
            var name = ''
            if (typeof file.file_name !== 'undefined') {
                name = file.file_name
            } else {
                name = uploadedAttachmentsMap[file.name]
            }
            $('form').find('input[name="attachments[]"][value="' + name + '"]').remove()
        },
        init: function () {
            <
            blade
            if |(isset( % 24 traslado) % 20 % 26 % 26 % 20 % 24 traslado - % 3 Eattachments) % 0 D >
                var files = {
                    !!json_encode($traslado - > attachments) !!
                }
            for (var i in files) {
                var file = files[i]
                this.options.addedfile.call(this, file)
                file.previewElement.classList.add('dz-complete')
                $('form').append('<input type="hidden" name="attachments[]" value="' + file.file_name + '">')
            } <
            /blade endif|%0D>
        },
        error: function (file, response) {
            if ($.type(response) === 'string') {
                var message = response //dropzone sends it's own error messages in string
            } else {
                var message = response.errors.file
            }
            file.previewElement.classList.add('dz-error')
            _ref = file.previewElement.querySelectorAll('[data-dz-errormessage]')
            _results = []
            for (_i = 0, _len = _ref.length; _i < _len; _i++) {
                node = _ref[_i]
                _results.push(node.textContent = message)
            }

            return _results
        }
    }

</script>
@stop