@extends('base')
@section('title')
cotizaciones
@endsection
@section('content')
<!-- Mensaje ocupado -->
@if(session('ocupado'))
<div class="alert alert-danger">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('ocupado') }}
</div>
@endif

@if(session('danger'))
<div class="alert alert-danger">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('danger') }}
</div>
@endif

<nav aria-label="breadcrumb">
   <ol class="breadcrumb">
      <li class="breadcrumb-item active" aria-current="page">Listado de Cotizaciones</li>
   </ol>
</nav>
<!-- Boton agregar cotizacion modal -->
<!--can('CotizacionInicial.store')-->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
   <button type="button" class="btn btn-primary" onclick="limpiarCampos()" data-toggle="modal" data-target="#addModal">
      Agregar cotización
   </button>
   <button type="button" class="btn btn-primary" onclick="limpiarCampos()" data-toggle="modal" data-target="#addNewClientModal">
    Agregar Cliente
 </button>
</div>

<!--endcan-->
<!-- Fin Boton agregar cotizacion modal -->
<!-- Eliminar Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
   aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-body align-self-center">
            <form action="{{ route('CotizacionInicial.destroy') }}" method="POST">
               @csrf
               {{ method_field('DELETE') }}
               <div style="text-align: center">
                  <br>
                  <i class='fas fa-exclamation-circle' style='font-size:80px;color: gray;'></i>
                  <br>
                  <br>
                  <strong>
                     <h3>¿Estás seguro que deseas eliminar la cotizacion?</h3>
                  </strong>
                  <strong>Recuerda que NO podras revertir esta accion</strong>
                  <input type="hidden" id="delete_id" name="delete_id">
               </div>
               <div class="modal-footer d-flex justify-content-center">
                  <button type="submit" class="btn btn-primary">
                     <i class='fas fa-check-circle'></i>
                     Eliminar
                  </button>
                  <a href="" class="btn btn-primary" data-dismiss="modal">
                     <i class='fa fa-times'></i>
                     Cancelar
                  </a>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>
<!-- Agregar Modal -->
@include('cotizacionInicial.modals.addCotizacionInicialModal')
@include('cotizacionInicial.modals.addNewClientModal')

<!-- Fin Agregar Modal -->
<!-- Mensaje Exito -->
@if(session('exito'))
<div class="alert alert-success">
   <button type="button" class="close" data-dismiss="alert">×</button>
   {{ session('exito') }}
</div>
@endif
@if ($errors->any())
    <div class="errors">
        <p class="alert alert-warning" role="alert">Por favor corrige los siguientes errores</p>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<!-- Fin Mensaje Exito -->
@if(count($cotizaciones) > 0)
<br>

<!-- Table -->
<table class="table InitializeDataTable">
   <thead class="thead-dark">
      <tr>
         <th scope="col">Item</th>
         <th scope="col">Codigo</th>
         <th scope="col">Nombre cotizacion</th>
         <th scope="col">Servicio</th>
         <th scope="col">Estado</th>
         <th>Creada por</th>
         <th scope="col">Acciones</th>
      </tr>
   </thead>
   <tbody>
            @foreach ($cotizaciones as $cotizacion )
            <tr>
         <td> {{$i}} </td>
         <td> {{ $cotizacion->codigo_cotizacion }} </td>
         <td> {{ $cotizacion->cliente->nombre_cliente }} </td>
         <td>{{$cotizacion->servicio->nombre_servicio}}</td>
          @if($cotizacion->estado == 'anulada')
              <td class="badge-secondary">{{'Anulada'}}</td>
          @else
              <td>{{$cotizacion->estado}}</td>
          @endif
          <td>
            {{ $cotizacion->creada_por }}
          </td>
         <td style="display: flex">
             @if($cotizacion->estado == 'anulada')
                 N/A
             @else
                 <a type="button" title="Procesos" fas fa-w fa-clipboard-list
                    class="fas fa-w fa-tasks m-1" style="color:gray !important; background-color:transparent; border: 0px solid;"
                    href="{{route('DetalleCotizacionInicial.index', $cotizacion->id)}}"></a>
                 @if($cotizacion->estado == "En Proceso" || $cotizacion->estado == "En proceso")

                     <button type="button" title="Editar cliente" data-toggle="modal" data-target="#editModal"
                             class="fas fa-w fa-pencil-alt" style="color:gray !important; background-color:transparent; border: 0px solid;"
                             onclick="fun_edit_client('{{$cotizacion->id}}')"></button>
                     <!---endcan-->

                     <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModal"
                             class="fas fa-w fa-trash"
                             style="color:gray !important; background-color:transparent; border: 0px solid;"
                             onclick="fun_delete('{{$cotizacion->id}}')"></button>
                 @endif

                 @if($cotizacion->estado != "En Proceso")
                     <a type="button" title="Reporte" fas fa-w fa-clipboard-list target="_blank"
                        class="fas fa-w fa-file-pdf m-1" style="color:gray !important; background-color:transparent; border: 0px solid;"
                        href="{{route('CotizacionInicial.reporte', $cotizacion->id)}}"></a>
                 @endif
             @endif
         </td>
      </tr>
      @endforeach
   </tbody>
</table>
<!-- Paginacion de tabla -->
<div class="d-flex justify-content-center">
   {{ $cotizaciones->links() }}
</div>
<!-- Fin Paginacion de tabla-->
<!-- Fin Table -->
<!-- Editar Modal -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
   aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header" style="background-color:#F2F2F2 !important;">
            <h5 class="modal-title" id="exampleModalLongTitle">
               <i class="fas fa-w fa-edit"></i>
               Editar cotizacion
            </h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form action="{{ route('CotizacionInicial.edit') }}" method="POST">
               @csrf
                <div class="row">
                    <div class="col-md-12">
                        <label for="cliente_id" >Seleccione el Cliente: </label>
                        <br>
                        <select name="cliente_id" id="cliente_id" class="form-control" required>
                            @foreach ($clientes as $cliente)
                                <option value="{{ $cliente->id }}">{{ $cliente->id.'-'.$cliente->nombre_cliente }}</option>
                            @endforeach
                        </select>
                    </div>

                </div>

               <div class="modal-footer d-flex justify-content-center">
                  <button type="submit" class="btn btn-primary">
                     <i class='fas fa-check-circle'></i>
                     Editar
                  </button>
                  <input type="hidden" id="edit_client_id" name="edit_client_id">
                  <a href="" class="btn btn-primary" data-dismiss="modal">
                     <i class='fa fa-times'></i>
                     Cancelar
                  </a>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>
<!-- Fin Editar Modal-->




@else
<div class="alert alert-danger">
   <strong>¡Opps! Parece que no tienes ninguna cotización registrada.</strong>
</div>
@endif
<script type="text/javascript">
   function fun_edit(id)
   {
      var view_url = '{{ route("CotizacionInicial.edit_view", ":id") }}';
        view_url = view_url.replace(':id', id);
      $.ajax({
         url: view_url,
         type:"GET",
         data: {"id":id},
         success: function(result){
            $("#edit_id").val(result.id);
            $('#nomb_cotizacion').val(result.nombre_cotizacion );
            $('#cat_id').val(result.categoria_id);
            console.log(result);
         }
      });
   }
   function fun_delete(id)
   {
      $("#delete_id").val(id);
   }


   function fun_edit_client(id)
   {
       $("#edit_client_id").val(id);
   }
   //Limpiar los campos de la modal de traslados
   function limpiarCampos(){
      $('#nombre_cotizacion').val(''); //Limpiando el input
      $("#categoria_id").val(""); //Seleccionando la primera opción del select
   }
</script>
@endsection