@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>
        <h4 style="float: right"><b>Almacen</b></h4>
    </p><br><br>
    
    <a href="{{ url('Materiales/create') }}" class="btn btn-success">
        <span class="fas fa-plus"></span> Agregar Material</a>
    
    <a href="{{ url('Rebajes/create') }}" class="btn btn-primary">
        <img src="{{ asset('images/broken-wire.png') }}" width="25px"> Rebaje
    </a>
    
    <div class="input-group col-md-6 mb-3" style="float:right; 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 table-hover">
        <thead class="thead-dark">
            <tr style="text-align: center">
                <th>#</th>
                <th>Proveedor</th>
                <th>Código</th>
                <th>Nombre</th>
                <th>Tipo</th>
                <th>Estado</th>
                <th>Cantidad</th>
                <th>Precio</th>
                <th>Fecha de Ingreso</th>
                <th>Empresa Matriz</th>
                <th>Proyecto</th>
                <th>Acción</th>
            </tr>
        </thead>
        <tbody class="generaldata">
            @foreach ($datos as $dato)
                <tr style="text-align: center">
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $dato->razon_social }}</td>
                    <td>{{ $dato->codigo }}</td>
                    <td>{{ $dato->nombre }}</td>
                    <td>{{ $dato->tipo }}</td>
                    <td>{{ $dato->descripcion }}</td>
                    <td>{{ $dato->cantidad }}</td>
                    <td>{{ $dato->precio }}</td>
                    <td>{{ Carbon\Carbon::parse($dato->fecha_ingreso)->format('d-m-Y') }}</td>
                    <td>{{ $dato->razon_socialM }}</td>
                    <td>{{ $dato->nombre_proy }}</td>
                    <td>
                        <div class="align-items-center btn-group">
                            <!-- <a style="margin-right: 5px; border-radius: 8px" href="{{ url('/Materiales/'.$dato->id_material.'/edit') }}" class="btn btn-primary">
                                <img src="{{ asset('images/broken-wire.png') }}" width="25px"> Rebaje</a> -->
                            
                            <a style="border-radius: 8px" href="{{ url('/CodigoBarras/'.$dato->id_material) }}" class="btn btn-secondary" >
                                <span class="fas fa-print"></span>Imprimir</a>

                            @if(Auth::user()->user_tipe == 'Admin')
                                <form action="{{ url('/Materiales/'.$dato->id_material) }}" method="post" style="display: inline">
                                    {{ csrf_field() }}
                                    {{ method_field('DELETE') }}

                                    <button class="btn btn-danger" type="submit" onclick="return confirm('¿Estas Seguro que Deseas Eliminar Este Registro?');" style="margin-left: 3px; border-radius:5px">
                                        <span class="fad fa-trash"></span> Eliminar</button>
                                </form>
                            @endif
                        </div>                                
                    </td>
                </tr>

                @if ($dato->cantidad <= 10)
                    <div class="alert alert-warning" role="alert">
                        {{ 'Se Agotan Existencias del Material: '.$dato->nombre }}<span style="float: right" class="fas fa-exclamation-triangle"></span>
                    </div>
                @endif

            @endforeach
        </tbody>
        <tbody id="content" class="ajaxdata"></tbody>
    </table>
    <div class="paginate_gnraldata">{{ $datos->links() }}</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('SearchMate') }}",
                    data:{'search':$value},
                    success:function(data){
                        $('#content').html(data);
                    }
                });
            });
        });
    </script>
    </div>
</div>
@endsection