@extends('base')
@section('title')
Compras varias
@endsection

@section('extracss')
   <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
@endsection
@section('extrajs')
   <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
   <script>
       $(document).ready(function() {
          $('#cliente-select').select2();
          document.querySelector('#cliente-select').parentElement.querySelector('span.select2-container').style.width="100%"
         });
   </script>
   <script src="//cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
   <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
   <script>
       $(document).ready(function(){
           $('#docs').DataTable({
               "language": {
                   "lengthMenu": "Mostrar _MENU_ Documentos por página",
                   "zeroRecords": "No hay files",
                   "info": "Mostrando _PAGE_ de _PAGES_ páginas",
                   "infoEmpty": "No hya páginas",
                   "infoFiltered": "(filtered from _MAX_ total records)",
                   'search':"Buscar:",
                   "paginate": {
                       "first":      "Primero",
                       "last":       "Ultimo",
                       "next":       "Siguiente",
                       "previous":   "Atrás"
                   },
               }
           });
       });
   </script>
@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


<nav aria-label="breadcrumb">
   <ol class="breadcrumb">
       <li class="breadcrumb-item active" aria-current="page">Compras Varias</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="#documentoFacturacion">
      Agregar documento
   </button>
</div>
<!--endcan-->
<!-- Fin Boton agregar cotizacion 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="InitializeDataTable table">
   <thead class="thead-dark">
      <tr>
         <th scope="col">Item</th>
         <th scope="col">Fecha</th>
         <th scope="col">No. Documento</th>
         <th scope="col">Proveedor</th>
         <th scope="col">Descripcion</th>
         <th scope="col">Monto</th>
         <th scope="col">Acciones</th>
      </tr>
   </thead>
   <tbody>
        @php
            $i=1;
        @endphp
      @foreach ($documentos as $documento)
      <tr>
        <td> {{ $i }} </td>
        <td>
            @if($documento->created_at!=null)
            {{ date("d/m/Y", strtotime($documento->created_at)) }}
            @endif
        </td>
        <td> {{ $documento->documento_code }} </td>
        <td> {{ $documento->proveedor->nombreProveedor }} </td>
        <td>{{ $documento->concepto }}</td>
        <td>{{ $documento->monto }}</td>


        <td style="display: flex">
         <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('compra.detalleDocumentoCV',$documento->id)}}"></a>
        </td>
     </tr>
     @php
         $i++;
     @endphp
      @endforeach
   </tbody>
</table>



@include('compra.modals.compraVariasDoc')
<script type="text/javascript">

   //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