@extends('template.layoutAdmin', ['activeButton'=>'productos'])
@section('cabecera')
    <div class="row">
        <div class="col-6">
            <h1 style="margin: 15px 0 10px 0;">
                <a href="{{ route('Evento.index') }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i>
                    {{  trans('eventos.regresar') }}</a>
            </h1>
        </div>
        <div class="col-6 text-right">
            <h1>
                <small> {{  trans('eventos.crearEvento') }}	</small>
            </h1>
        </div>
    </div>
@endsection
@section('title')
{{  trans('eventos.agregarEvento') }}

@endsection

@section('contenido')
    <div class="col-12">
        <div class="box">
            <div class="box-header with-border">

                @if (session('mensaje'))
                    <div class="alert alert-success ">{{ session('mensaje') }} <a href="{{ route('Evento.index') }}"
                            class="btn btn-primary "> {{  trans('eventos.volver') }}
                        </a></div>
                @endif

                @if (session('mensajeErr'))
                    <div class="alert alert-danger">{{ session('mensajeErr') }}</div>
                @endif
                @error('Nombre')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        {{  trans('eventos.nombreEsObligatorio') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @enderror

                @error('Fecha')
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{  trans('eventos.fechaObligatoria') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                @enderror
                @error('Imagen')
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{  trans('eventos.imgObligatoria') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @enderror
            @error('idRestaurante')
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{  trans('eventos.elNombreDelRestaurante') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @enderror
        @error('Descripcion')
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{  trans('eventos.desReq') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @enderror
    <div class="row">

        <div class="col-md-12">
            <div class="col-md-12 mt-2">
                <h2 class="box-title">
                    {{  trans('eventos.agregarEvento') }}
                </h2>
            </div>
            <br>
            <div class="box-body">
                <form action="{{ route('evento.store') }}" accept-charset="UTF-8" enctype="multipart/form-data"
                    method="POST">
                    <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

                    @csrf
                    <div class="row">
                        <div class="form-group col-md-6">
                            <label for="nombre"> {{  trans('eventos.nombre') }}
                                <span class="text-danger">*</span>
                            </label>
                            <input type="text" class="form-control" name="nombre" maxlength="100" required placeholder="{{ trans('eventos.nameEvent') }}">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="Fecha">  {{  trans('eventos.fechaEvento') }}
                                <span class="text-danger">*</span>
                            </label>

                            <input type="date" name="Fecha" value="{{ $fechaFinal }}" min="2018-01-01" class="form-control"
                                required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputAddress"> {{  trans('eventos.imagenPromocional') }}</label>
                        {{-- <span class="text-danger">*</span> --}}
                        <input type="file" name="Imagen" class="form-control" accept="image/*" required>
                    </div>
                    <div class="form-group ">
                        <label for="inputCity"> {{  trans('eventos.descripcion') }}</label>
                        <textarea type="text" class="form-control" name="Descripcion" required placeholder=" {{  trans('eventos.descripcionEventos') }}"></textarea>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group {{ $errors->has('idPais') ? 'has-error' : '' }}">
                                <label for="idPais"> {{  trans('eventos.pais') }}<span class="text-danger">*</span></label>
                                <select class="form-control" name="idPais" onchange="paisData(this.value)">
                                    <option selected value="0" disabled selected> {{  trans('eventos.seleccionePais') }}</option>
                                    @foreach ($dataPais as $listPais)
                                        @if (old('idPais') == $listPais->idPais)
                                            <option selected value="{{ $listPais->idPais }}">{{ $listPais->nombre }}
                                            </option>
                                        @else
                                            <option value="{{ $listPais->idPais }}">{{ $listPais->nombre }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group {{ $errors->has('idDepart') ? 'has-error' : '' }}">
                                <label for="idDepart"> {{  trans('eventos.depas') }}<span class="text-danger">*</span></label>
                                <select class="form-control" id="listDepart" name="idDepart"
                                    onchange="departData(this.value)" required>
                                    <option value='0'> {{  trans('eventos.selDepas') }}</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group {{ $errors->has('idCiudad') ? 'has-error' : '' }}">
                                <label for="idCiudad"> {{  trans('eventos.ciudad') }}<span class="text-danger">*</span></label>
                                <select class="form-control " id="listCiudad" name="idCiudad"
                                        required>
                                        <option value='0'> {{  trans('eventos.selecCiudad') }}</option>
                                </select>
                            </div>
                        </div>

                        @if (auth()->user()->idPerfil == 1)
                            <div class="col-md">
                                <div class="form-group">
                                    <label for="idRestaurante"> {{  trans('eventos.selecRestaurante') }}
                                        <span class="text-danger">*</span>
                                    </label>

                                    <select class="form-control " name="idRestaurante"  placeholder="seleccione uno" required >
                                        <option value=0 selected disabled> {{  trans('eventos.seleccioneUnRest') }}</option>
                                        @foreach ($Restaurantes as $item)
                                            <option value="{{ $item->idUsuario }}">{{ $item->userName }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @else
                            @php
                                $idUsuario = auth()->user()->idUsuario;
                            @endphp
                            <input type="hidden" name="idRestaurante" id="idRestaurante" value="{{$idUsuario}}">
                        @endif
                    </div>  
                    <div class="row">
                        <div class="col text-center">
                            <button type="submit" class="btn btn-primary"> {{  trans('eventos.agregarEvento') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(document).ready(function() {
            var idPais = "{!! old('idPais') !!}";
            var idDepart = "{!! old('idDepart') !!}";
            
            if (idPais != 0 && idDepart != 0) {
                paisData(idPais);
                departData(idDepart);
            }
            var idTipoT = "{!!  old('idTipoT') !!}";
        });

    </script>
    <script type="text/javascript">
        function paisData(value) {
            var idDepart = "{!!  old('idDepart') !!}";
            var data = {
                "value": value
            }
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            $.ajax({
                url: UrlHost_ + "/pais/listDepart",
                data: data,
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    $('#listDepart').empty();
                    $('#listCiudad').empty();
                    swal({
                    title: " {{  trans('aforo.cargando') }}	",
                    text: " {{  trans('aforo.espereUnMomento') }}",
                    showConfirmButton: false
                });
                },
                success: function(response) {
                    $('#listDepart').empty();
                    $("#listDepart").append("<option value='0' disabled selected>{{ trans('eventos.selDepas') }}</option>");
                    $("#listCiudad").append("<option value='0' disabled selected>{{ trans('eventos.selecCiudad') }}</option>");
                    $.each(response, function(j, listDepart) {
                        if (idDepart == listDepart.idDepartamento) {
                            $("#listDepart").append("<option selected value='" + listDepart
                                .idDepartamento + "'>" + listDepart.nombre + "</option>");
                        } else {
                            $("#listDepart").append("<option value='" + listDepart.idDepartamento +
                                "'>" + listDepart.nombre + "</option>");
                        }
                    });
                    swal.close();
                },
                error: function(xhr) {
                    swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");

                }
            });
        }

        function departData(value) {
            var idCiudad = "{!!  old('idCiudad') !!}";
            var data = {
                "value": value
            }
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            $.ajax({
                url: UrlHost_ + "/departCiudad/departData",
                data: data,
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    swal({
                    title: " {{  trans('aforo.cargando') }}	",
                    text: " {{  trans('aforo.espereUnMomento') }}",
                    showConfirmButton: false
                });
                },
                success: function(response) {
                    $('#listCiudad').empty();
                    $("#listCiudad").append("<option value='0' disabled selected >{{ trans('eventos.selecCiudad') }}</option>");
                    $.each(response, function(j, listCiudad) {
                        if (idCiudad == listCiudad.idCiudad) {
                            $("#listCiudad").append("<option selected value='" + listCiudad.idCiudad +
                                "'>" + listCiudad.nombre + "</option>");
                        } else {
                            $("#listCiudad").append("<option value='" + listCiudad.idCiudad + "'>" +
                                listCiudad.nombre + "</option>");
                        }
                    });
                    swal.close();
                },
                error: function(xhr) {
                    swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");

                }
            });
        }

    </script>

@endsection