@extends('comoEnUsa.admin-plantilla')
@section('titulo', "Datos del producto")
@section('scripts')
<link href=https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css rel="stylesheet">
<script src=https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js></script>
<script>
    globalId = '0';
    
</script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/admin/productos">Productos</a></li>
    <li class="breadcrumb-item active">Producto nuevo</li>
</ol>
<ol class="toolbar">
    <li class="btn-item"><a title="Nuevo" href="/admin/producto/nuevo" class="fa fa-plus-circle" aria-hidden="true"><span>Nuevo</span></a></li>
    <li class="btn-item"><a title="Guardar" href="#" class="fa fa-floppy-o" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
    </li>
    <li class="btn-item"><a title="Eliminar" href="#" class="fa fa-trash-o" aria-hidden="true" onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a>
    </li>
    <li class="btn-item"><a title="Salir" href="#" class="fa fa-arrow-circle-o-left" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a></li>
</ol>
<script>
function fsalir(){
    location.href ="/admin/productos";
}
</script>

@endsection
@section('contenido')
<div class="row">
    <div id = "msg"></div>
    </div>
<form id="form1" method="POST" enctype="multipart/form-data">
    <div class="row">
    <div class="form-group col-lg-6">
            <label>Logo *:</label>
            <input class="form-control" type="file" name="txtLogo" id="txtLogo">
        </div>
        <div class="form-group col-lg-6">
            <label>Imagen *:</label>
            <input type="file" class="form-control" id="txtImagen" name="txtImagen">
        </div>

        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
        <div class="form-group col-lg-6">
            <label>Categoría *:</label>
            <input type="text" class="form-control" id="txtCategoria" name="txtCategoria" value="{{$producto->categoria }}" required>
        </div>
        
        <div class="form-group col-lg-6">
            <label>Link *:</label>
            <input type="text" class="form-control" id="txtLink" name="txtLink" value="{{$producto->link }}">
        </div>
        <div class="form-group col-lg-6">
            <label>Orden *:</label>
            <input type="number" class="form-control" id="txtOrden" name="txtOrden" value="{{$producto->orden }}">
        </div>
      
        <div class="form-group col-lg-6">
            <label>País *:</label>
            <select id="lstPais" name="lstPais" class="form-control selectpicker" data-live-search="true" required>
                <option disabled selected value="">Seleccionar</option>
                @for ($i = 0; $i < count($array_pais); $i++)
                    @if (isset($producto) and $array_pais[$i]->descpais == $producto->pais)
                        <option selected value="{{ $array_pais[$i]->descpais }}">{{ $array_pais[$i]->descpais }}</option>
                    @else
                        <option value="{{ $array_pais[$i]->descpais }}">{{ $array_pais[$i]->descpais }}</option>
                    @endif
                @endfor
            </select>
            
    </div>
</form>
<div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Eliminar registro?</h5>
            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">¿Deseas eliminar el registro actual?</div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
            <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
          </div>
        </div>
      </div>
</div>
<script>
    $("#form1").validate();

    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit(); 
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }
    function eliminar() {
        $.ajax({
            type: "GET",
            url: "{{ asset('/admin/producto/eliminar') }}",
            data: { id:globalId },
            async: true,
            dataType: "json",
            success: function (data) {
                msgShow(data.MSG, data.ESTADO);
                if (data.ESTADO = "success") {
                    $("#btnEnviar").hide();
                    $("#btnEliminar").hide();
                    $('#mdlEliminar').modal('toggle');
                }
            }
        });
    }
</script>
@endsection