@php
        $permisoCrear = '0';
        $permisoBorrar = '0';
        $permisoModificar = '0';
        //d($Data['PermisosUsuario'] );
    foreach ($Data['PermisosUsuario'] as $value) {
        $permisoCrear = $value->menuxusuarios_creacion;
        $permisoBorrar = $value->menuxusuarios_modificacion;
        $permisoModificar = $value->menuxusuarios_borrar;
    }

    $inactivar = 'disabled';
    if (Session::get('id_rol') == 'ADMIN') {
        $inactivar = '';
    }
    if($permisoCrear =='1'){
        $inactivar = '';
    }
    if(isset($Data['rating']->media_votos)){
        $media_votos =$Data['rating']->media_votos;
    }else{
        $media_votos ='0';
    }
    if (isset($Data['servmar']->fechadestacado)) {
        $fechadestacado =date_create($Data['servmar']->fechadestacado);
        $fechadestacado =date_format($fechadestacado ,"Y-m-d");
    }else{
        $fechadestacado ="";
    }
    if (isset($Data['ciudad']->name)) {
        $ciudadNombre = $Data['ciudad']->name;
    }else{
        $ciudadNombre = "NO DEFINIDA";
    }
    if (isset($Data['servmar']->ciudad)) {
        $ciudad = $Data['servmar']->ciudad;
    }else{
        $ciudad = "1";
    }
    $imagen = strlen($Data['servmar']->imagen)>0 ? $Data['servmar']->imagen : 'sin_imagen.jpg';
@endphp
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <form action="{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}" method="post">
                @csrf
                </form>
                <!-- Main content -->
                <form  id="FormularioDatosPrincipales" name ="FormularioDatosPrincipales" action="{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}/guardar" method="post" enctype="multipart/form-data">
                    <div class="invoice p-3 mb-3" id="printableArea">
                        <!------------------------->
                        <div class="card card-primary">
                            <div class="card-header">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <h3 class="card-title">Edicion</h3>
                                    </div>
                                    <div class="col-sm-7">
                                        <span class="float-sm-right">Raiting</span>
                                    </div>
                                    <div class="col-sm-3">
                                        <progress class="progress-bar bg-primary progress-bar-striped " id="P-CS" max="5" value="{{ $media_votos }}" style="width: 100%"></progress>
                                    </div>
                                    </div>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                <!-- DATOS PRINCIPALES-->
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="nombre">Nombre Edicion</label>
                                            <input type="text" class="form-control" id="nombre" name="nombre"  placeholder="nombre" value="{{ $Data['servmar']->nombre}}" required>
                                        </div>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="form-group">
                                            <label for="descripcion">Descripcion</label>
                                            <input type="text" class="form-control" id="descripcion" name="descripcion" placeholder="descripcion" value="{{ $Data['servmar']->descripcion}}" >
                                        </div>
                                    </div>
                                </div>
                                <!-- DATOS DE UBICACION-->
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label for="direccion">Direccion</label>
                                            <textarea  id="direccion" name="direccion"  class="form-control" rows="3" placeholder="Su Direccion ...">{{ $Data['servmar']->direccion}}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="pais">Pais</label>
                                            <select name="pais" id="pais" class="form-control">
                                                @php
                                                      foreach ($Data['pais'] as $variable) {
                                                        $selected='';
                                                        if ($variable->id ==$Data['servmar']->pais){
                                                            $selected ='selected';
                                                        }
                                                        print "<option value='" . $variable->id . "' ".$selected.">"  . $variable->cod_pais.' - '.$variable->name. "</option> \n ";
                                                    }
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="ciudad">Ciudad</label>
                                            <input type="text" class="form-control" id="ciudad" name="ciudad" value="{{ $ciudadNombre}}">
                                            <input type="hidden" class="form-control" id="idciudad" name="idciudad" value="{{ $ciudad}}" >
                                        </div>
                                        <div id="suggestions"></div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="tipo_naviera">Tipo</label>
                                            <select name="tipo_naviera" id="tipo_naviera" class="form-control">
                                                @php
                                                      foreach ($Data['tipo_naviera'] as $variable) {
                                                        $selected='';
                                                        if ($variable->id ==$Data['servmar']->tipo){
                                                            $selected ='selected';
                                                        }
                                                        print "<option value='" . $variable->id . "' ".$selected.">"  .$variable->nombre. "</option> \n ";
                                                    }
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-header">
                                <h3 class="card-title">Informacion de Contacto</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="nombrecontacto">Nombre Contacto</label>
                                            <input type="text" class="form-control" id="nombrecontacto" name="nombrecontacto"  placeholder="Nombre Contacto" value="{{ $Data['servmar']->nombrecontacto}}" >
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            <label for="telefonocontacto">Telefono</label>
                                            <input type="text" class="form-control" id="telefonocontacto" name="telefonocontacto" placeholder="telefono" value="{{ $Data['servmar']->telefonocontacto}}" >
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="emailcontacto">E-Mail</label>
                                            <input type="email" class="form-control" id="emailcontacto" name="emailcontacto" placeholder="emailcontacto" value="{{ $Data['servmar']->emailcontacto}}" >
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-header">
                                @php
                                /// carga opciones de los servicios
                                    $contador=0;
                                    $contadorServMaritimos= count($Data['serviciosnavieros'])/3;
                                    $ServiciosColumna1="";
                                    $ServiciosColumna2="";
                                    $ServiciosColumna3="";
                                    if (count($Data['serviciosnavieros'])% 3 == 0){
                                        $contadoAjuste=0;
                                    }else{
                                        $contadoAjuste=1;
                                    }
                                    foreach ($Data['serviciosnavieros'] as $variable) {
                                        $contador+=1;
                                        $selected='';
                                        foreach ($Data['serviciosnavieros_x_servmar'] as $variableSelect) {
                                            if ($selected=='' && $variable->id == $variableSelect->id_serviciosnavieros){
                                                $selected='checked';
                                            }
                                        }
                                        if ($contador<=($contadorServMaritimos+$contadoAjuste)){
                                            $ServiciosColumna1= $ServiciosColumna1 . ' <div class="form-check">
                                                                    <input class="form-check-input" type="checkbox" id="serviciosmaritimos'. $variable->id .'" value= "'. $variable->id .'" name="serviciosmaritimos[]" '.$selected.'>
                                                                    <label class="form-check-label">'.$contador.' - '.$variable->nombre.'</label>
                                                                  </div>';
                                        }
                                        if ($contador>($contadorServMaritimos+$contadoAjuste) && $contador<=($contadorServMaritimos*2)){
                                            $ServiciosColumna2= $ServiciosColumna2. ' <div class="form-check">
                                                                    <input class="form-check-input" type="checkbox" id="serviciosmaritimos'. $variable->id .'" value= "'. $variable->id .'" name="serviciosmaritimos[]" '.$selected.'>
                                                                    <label class="form-check-label">'.$contador.' - '.$variable->nombre.'</label>
                                                                  </div>';
                                        }
                                        if ($contador>($contadorServMaritimos*2) && $contador<=($contadorServMaritimos*3)){
                                            $ServiciosColumna3= $ServiciosColumna3. ' <div class="form-check">
                                                                    <input class="form-check-input" type="checkbox" id="serviciosmaritimos'. $variable->id .'" value= "'. $variable->id .'" name="serviciosmaritimos[]" '.$selected.'>
                                                                    <label class="form-check-label">'.$contador.' - '.$variable->nombre.'</label>
                                                                  </div>';
                                        }

                                    }
                                @endphp
                                <h3 class="card-title">Servicios</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="row">
                                            <div class="col-sm-4">
                                              <!-- checkbox -->
                                              <div class="form-group">
                                                    @php print $ServiciosColumna1; @endphp
                                              </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <!-- checkbox -->
                                                <div class="form-group">
                                                    @php print $ServiciosColumna2; @endphp
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <!-- checkbox -->
                                                <div class="form-group">
                                                    @php print $ServiciosColumna3; @endphp
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-header">
                                <h3 class="card-title">Miscelaneos</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <div class="text-center">
                                                <img class="profile-user-img img-fluid img-circle" src="{{ URL::to('/') }}/images/servmar/{{$imagen}}" alt="User profile picture">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-9" style="display: inline-flex; flex-direction: column; justify-content: center;">
                                        <div class="form-group">
                                            <div class="custom-file">
                                                <input type="file" class="" id="imagen" name="imagen" accept="image/png, image/jpeg" />
                                                <!--<label class="custom-file-label" for="imagen">Seleccione una Imagen</label>-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-header">
                                <h3 class="card-title">Destacar</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label for="fechadestacado">Fecha inicial</label>
                                            <input type="date" class="form-control" id="fechadestacado" name="fechadestacado" value="{{ $fechadestacado}}">
                                        </div>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="form-group">
                                            <label for="diasdestacado">Dias  -> <code id="etiquetadias" style="font-size: large">{{ $Data['servmar']->diasdestacado}}</code></label>
                                            <input type="range" class="custom-range" id="diasdestacado" name="diasdestacado"  list="tickmarks" min="0" max="100" step="10" value="{{ $Data['servmar']->diasdestacado}}" >
                                            <datalist id="tickmarks">
                                                <option value="0" label="0 Dias">0</option>
                                                <option value="10" label="10 Dias">10</option>
                                                <option value="20" label="20 Dias">20</option>
                                                <option value="30" label="30 Dias"></option>
                                                <option value="40" label="40 Dias"></option>
                                                <option value="50" label="50 Dias"></option>
                                                <option value="60" label="60 Dias"></option>
                                                <option value="70" label="70 Dias"></option>
                                                <option value="80" label="80 Dias"></option>
                                                <option value="90" label="90 Dias"></option>
                                                <option value="100" label="100 Dias"></option>
                                            </datalist>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" id='id' name="id" value="{{ $Data['servmar']->id}}">
                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary" onclick="this.form; return true;">Guardar</button>
                                <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#ModalBorrar" >Borrar</button>
                                <button type="button" class="btn btn-secondary "  onclick="SalirForm()">Salir</button>
                                <!-- <button type="submit" class="btn btn-secondary " onclick="FormularioDatosPrincipales.action='{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}'; return true;">Salir</button>-->
                            </div>
                            @csrf
                        </div>
                        <!-------------------------->
                    </div>

                </form>
                <!-- /.invoice -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</section>
<form  id="FormularioBorrar" name ="FormularioBorrar" action="{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}/borrar" method="post">
    <div id="ModalBorrar" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Contenido del modal -->
            <div class="modal-content">
                <div class="modal-header " style="background-color: #335476;
            ">
                    <h4  class="modal-title w-100 text-center">ADVERTENCIA</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <p>Desea Borrar este Registro?</p>
                    <code>Esta accion no se puede Deshacer</code>
                </div>
                <div class="modal-footer">
                    @csrf
                    <input type="hidden" id='id_del' name="id_del" value="{{ $Data['servmar']->id}}">
                    <button type="submit" class="btn btn-primary" onclick="this.form; return true;">Aceptar</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
</form>
@if (Session::has('error'))
    <div class="modal fade" id="modalerror" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><strong>Valla Algo va mal... </strong></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Session::get('error') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif
@if (Session::has('mensaje'))
    <div class="modal fade" id="modalmensaje" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><strong>En Hora Buena... </strong></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Session::get('mensaje') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif


<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/bootstrap/js/popper.js"></script>
<script src="{{ URL::to('/') }}/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/daterangepicker/moment.min.js"></script>
<script src="{{ URL::to('/') }}/vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/js/main.js"></script>


<script type="text/javascript">
    $(document).ready(function() {
        @if (Session::has('mensaje'))
            $('#modalmensaje').modal('toggle');
        @endif
        @if (Session::has('error'))
            $('#modalerror').modal('toggle');
        @endif
       /* $(function () {
            bsCustomFileInput.init();
            });*/
        $('#diasdestacado').on('mouseup', function() {
            var key = $(this).val();
            //console.log("ENTRO "+key);
            $('#etiquetadias').text(key);

        });
        $('#ciudad').on('keyup', function() {
            var key = $(this).val();
            var dataString = key.trim();
            var json = {};
            json["pais"] = $("#pais").val();
            json["accion"] = "buscaciudad";
            json["buscar"] = dataString;
            if (dataString.length > 0) {
                //alert('ENTRO '+dataString.length );
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    type: "POST",
                    url: "{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}/ajax",
                    data: json,
                    success: function(data) {
                        //Escribimos las sugerencias que nos manda la consulta
                        $('#suggestions').fadeIn(1000).html(data);
                        //Al hacer click en alguna de las sugerencias
                        $('.suggest-element').on('click', function() {
                            //Obtenemos la id unica de la sugerencia pulsada
                            var id = $(this).attr('id');
                            //Editamos el valor del input con data de la sugerencia pulsada
                            $('#ciudad').val($('#' + id).attr('ciudad'));
                            $('#idciudad').val($('#' + id).attr('idciudad'));
                            //Hacemos desaparecer el resto de sugerencias
                            $('#suggestions').fadeOut(1000);
                            return false;
                        });
                    }
                });
            }else{
                $('#ciudad').val('');
                $('#idciudad').val('');
            }
        });

    });
    function SalirForm(event) {
        window.location.replace("{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}");
    }
</script>