@extends('template.layoutAdmin', ['activeButton'=>'productos'])
@section('cabecera')
  <div class="row">
    <div class="col- text-left">
        <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> Regresar</a>
            </h1>
    </div>

    <div class="col-6 text-right">
        <h1>
          <small> {{  trans('eventos.editEvento') }}</small>
        </h1>
      </div>
  </div>
@endsection
@section('title')
{{  trans('eventos.editEvento') }}
@endsection

@section('contenido')

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

</div>
@endif
@if ( session('mensajeErr') )
<div class="alert alert-danger">{{ session('mensajeErr') }}</div>
@endif
@error('NombreEvento')
<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
<div class="container">
    <div class="row-4">
        <div class="box">
            <div class="box-header with-border">
                <div class="row">
                    <div class="col-md-6">
                        <h3 class="box-title">{{  trans('eventos.editEvento') }}</h3>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row-8">

    <form  action="{{ route('evento.update',$eventoEdit->idEvento) }}"  accept-charset="UTF-8" enctype="multipart/form-data" method="POST">
      
      @csrf
      @method('PUT')
      <div class="col">
        
        <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>
                <div class="info-box">
                    <div class="text-center" style="width:100%;">
                      <img src="{{env('Image')}}{{$eventoEdit->imagen}}" style="width:50%;border-radius: 10px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);" alt="{{$eventoEdit->nombre}}">
                    </div>

                      <div class="form-group" style="margin-bottom: auto;margin-top: 15px;">
                        <div class="input-group">
                          <input type="file" name="Imagen" id="imagen" class="form-control"  accept="image/*" >
                        </div>
                      </div>

                  </div>

    </div>
        <div class="col" >
            <div class="info-box">
            <div class="form-row">
                <div class="form-group col-md-6">
                  <label for="inputEmail4">{{  trans('eventos.nombre') }}</label>
                <input type="text" class="form-control" name="Nombre" required value="{{$eventoEdit->nombre}}">
                </div>
                <div class="form-group col-md-6">
                  <label for="Fecha"> {{  trans('eventos.fechaEvento') }} </label>
                  <input type="date" name="Fecha" value="{{$fecha}}" min="2018-01-01"  class="form-control" required>

                </div>
              </div>

              <div class="form-group ">
                  <label for="inputCity">{{  trans('eventos.descripcion') }}</label>
              <textarea type="text" 
              class="form-control" 
              name="Descripcion" 
              required >{{$eventoEdit->descripcion}}</textarea>
                </div>



                <div class="row">

                  <div class="col">
                    <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>
                        @foreach ($allDepartament as $item)

                        @if ($ciudad->idDepartamento == $item->idDepartamento)
                        <option value=" {{$item->idDepartamento}}"selected> {{$item->nombre}}</option>
                        @else
                        <option value=" {{$item->idDepartamento}}"> {{$item->nombre}}</option>
                        @endif

                        @endforeach

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

                  <div class="col">
                    <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" onchange="ciudadData(this.value)" >
                        @foreach ($allCiudad as $item2)
                        @if ($item2->idCiudad==$idCiudad)
                      <option value="{{$idCiudad}}" selected>{{$item2->nombre}}</option>
                        @else
                        <option value="{{$item2->idCiudad}}" >{{$item2->nombre}}</option>
                        @endif

                        @endforeach
                      </select>
                    {{-- <small>La ciudad antes escogida es <strong> {{$nombreCiudad}} </strong></small> --}}
                    </div>
                  </div>



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

                         @foreach ($Restaurantes2 as $item)


                            @if ($item->idUsuario ==$eventoEdit->idRestaurante)
                            <option value="{{$item->idUsuario}}" selected >{{$item->userName}} </option>
                            @else
                            <option value="{{$item->idUsuario}}">{{$item->userName}} </option>
                            @endif

                      @endforeach
                      </select>
                    </div>
                @endif
              </div>



                <div class="row">
                  <div class="col text-center ">
                      <button type="submit" class="btn btn-primary"> {{  trans('eventos.editEvento') }}	</button>
                   </div>
             </div>

        </div>

        </div>
    </form>
</div>
</div>
@endsection

@section('js')
<script>
    $( document ).ready(function() {

    });
  </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'>Seleccione el Departamento</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();
            $.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