@extends('layouts.app')

@section('content')
<div class="row">
    <div class="col">

        <div class="card">

            <div class="card-body table-responsive">
                <h4>Pedidos De Proovedores</h4>


                <form action="" method="GET" id="proveedorForm" class="row">
                    <div class="form-group col-md-4">
                        <label for="proveedor">Seleccione Proovedor</label>
                        <select class="form-control" name="proveedor" id="proveedor">
                            <option>Seleccione Proovedor</option>
                            @foreach ($proveedores as $proveedor)
                            <option value="{{$proveedor->nombre}}">{{$proveedor->nombre}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-1">
                        <div class="form-group">
                            <label for="">FECHA INICIO</label>
                            <input type="date" class="form-control" name="fecha_inicio" value="{{ $fecha_inicio ?? '2025-08-01' }}" required>
                        </div>
                    </div>
                    <div class="col-md-1">
                        <div class="form-group">
                            <label for="">FECHA FIN</label>
                            <input type="date" class="form-control" name="fecha_fin" value="{{$fecha_fin}}" required>
                        </div>
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="tipo">TIPO</label>
                            <select class="form-control" name="tipo" id="tipo" onchange="this.form.submit()">
                                <option value="none">Seleccione Tipo</option>
                                <option value="">Pendiente</option>
                                <option value="Pedido"> Pedido </option>
                                <option value="TODOS">Todos</option>
                                <!-- <option></option> -->
                            </select>
                        </div>
                    </div>

                    <div class="col-md-1">
                        <a class=" btn btn-info mt-4" href="{{route('pedido.index')}}" role="button"><i class="fa fa-backward" aria-hidden="true"></i></a>
                    </div>

                </form>



                <table class="table table-bordered table-sm table-striped">
                    <thead>
                        <tr>
                            <th>Fecha</th>
                            <th>Fecha Entrega</th>
                            <th>Articulo</th>
                            <th>Marca</th>
                            <th>Cantidad</th>
                            <th>Costo</th>
                            <th>Precio</th>
                            <th>Existencia</th>
                            <th>Tienda</th>
                            <th>Usuario</th>
                            <th>Proveedor</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($pedidoProvee as $pedido)
                        <tr>
                            <td>{{ $pedido->created_at }}</td>
                            <td>{{ $pedido->fecha_entrega ?? '' }}</td>
                            <td class="text-wrap">{{ $pedido->articulo ?? '' }} {{ $pedido->articulo->descripcion ?? ''  }}</td>
                            <td>{{ $pedido->marca ?? '' }}</td>
                            <td>{{ $pedido->cantidad }}</td>
                            <td>Q. {{ number_format($pedido->costo ?? 0, 2) }}</td>
                            <td>Q. {{ number_format($pedido->precio ?? 0, 2) }}</td>
                            <td>{{ $pedido->existencia ?? '' }}</td>
                            <td>{{ $pedido->tienda ?? '' }}</td>
                            <td>{{ $pedido->descripcion ?? '' }}</td>
                            <td>{{ $pedido->proveedor ?? '' }}</td>
                            <td>


                                <form action="{{route('pedido.updatePedido', $pedido)}}" method="post">
                                    @csrf
                                    @method('put')

                                    <div class="form-group">
                                        <label for="proveedor_textarea">Proveedor</label>
                                        <textarea class="form-control" name="proveedor" id="proveedor_textarea" rows="2">{{ $pedido->proveedor }}</textarea>
                                    </div>



                                    <div class="form-group">
                                        <label for="tipo">TIPO</label>
                                        <select class="form-control" name="tipo" id="tipo" onchange="this.form.submit()">
                                            <option value="{{$pedido->tipo}}">{{$pedido->tipo}}</option>
                                            <option value="">Pendiente</option>
                                            <option value="Pedido"> Pedido </option>
                                            <!-- <option></option> -->
                                        </select>
                                    </div>
                                    <button type="submit" class="btn btn-warning btn-sm">
                                        <i class="fa fa-pencil"></i>
                                    </button>
                                </form>

                                <form action="{{route('pedido.deletepedido', $pedido)}}" method="post">
                                    @csrf
                                    @method('delete')
                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('¿Está seguro de eliminar este registro?')">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
@endsection