@extends('layouts.app')
@section('content')
    <div class="container">
        @if (Session::has('Mensaje'))
        <div class="alert alert-success" role="alert">
            {{ Session::get('Mensaje') }}
        </div>
        @endif
        <p><b><h4 style="float: right">Materiales Prestados</h4></b></p>
        <br><br>

        <div class="input-group col-md-6 mb-3" style="padding:0;">
            <input type="text" class="form-control" placeholder="Buscar..." id="search" name="search">
            <span type="submit" class="input-group-text border-0" id="search-addon">
            <i class="fas fa-search"></i>
            </span>
        </div>
        
        <div class="table-responsive">
        <table class="table table-light">
            <thead class="thead-dark">
                <tr style="text-align: center">
                    <th>#</th>
                    <th>Personal</th>
                    <th>Fecha de Peticion</th>
                    <th>Observaciones</th>
                    <th>Código de Material</th>
                    <th>Nombre de Material</th>
                    <th>Cantidad Pedido</th>
                    <th>Total $</th>
                </tr>
            </thead>
            <tbody class="generaldata">
                @foreach ($datos as $dato)
                    <tr style="text-align: center">
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ isset($dato->id_personal)?$dato->id_personal:'Se Elimino de Blacklist' }}</td>
                        <td>{{ Carbon\Carbon::parse($dato->fecha_peticion)->format('d-m-Y') }}</td>
                        <td>{{ isset($dato->observaciones)?$dato->observaciones:'No Hay Observacion' }}</td>
                        <td>{{ $dato->codigo }}</td>
                        <td>{{ $dato->nombre }}</td>
                        <td>{{ $dato->cantidadP }}</td>
                        <td>${{ $dato->total }}</td>
                        <!--<td>

                            <form method="post" action="{{url('/DetallePeticion/'.$dato->id_detalle)}}" style="display: inline">
                                {{ csrf_field() }}
                                {{method_field('DELETE')}}
                                <button type="submit" onclick="return confirm('¿Retornar éste Material al Almacen?');" class="btn btn-primary">
                                    <span class="fas fa-undo-alt"></span> Retornar</button>
                            </form>

                        </td>-->
                    </tr>
                @endforeach
            </tbody>
            <tbody id="content" class="ajaxdata"></tbody>
        </table>
        <div class="paginate_gnraldata">{{ $datos->links() }}</div>
        </div>

    <script>
        $(function(){
            $(document).on('keyup', '#search', function(){
                $value = $(this).val();
                if($value)
                {
                    $('.generaldata').hide();
                    $('.paginate_gnraldata').hide();
                    $('.ajaxdata').show();
                }
                else
                {
                    $('.generaldata').show();
                    $('.ajaxdata').hide();
                    $('.paginate_gnraldata').show();
                }
                $.ajax({
                    type:"GET",
                    url:"{{ url('SearchDetPet') }}",
                    data:{'search':$value},
                    success:function(data){
                        $('#content').html(data);
                    }
                });
            });
        });
    </script>
    </div>
@endsection