@extends('metronic.base')
@section('extracss')
@endsection
@section('extrajs')
@endsection
@section('titulo')
    Requisiciones
@endsection

@section('content')
    @include('sessions')


    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">Registro de requisición</h3>
            <div class="card-toolbar">

            </div>
        </div>
        <div class="card-body">
            <form action="{{route('req.updateRequisicion', $req->id)}}" method="post">
                @csrf
                <div class="row">
                    <div class="col-md-4">
                        <label for="">Codigo</label>
                        <input required type="text" readonly value="{{$req->codigo}}" name="codigo" class="form-control">
                    </div>

                    <div class="col-md-4">
                        <label for="">Fecha</label>
                        <input required type="date"  value="{{$req->fecha_entrega}}" name="fecha" class="form-control">
                    </div>



                    <div class="col-md-4">
                        <label for="">Tipo requisición</label>
                        <select required  id="" data-control="select2" name="tipo" class="form-control">
                            @foreach ($tipos as $item)
                                 <option @if($item->id == $req->tipo_requisicion_id) selected @endif  value="{{$item->id}}">{{$item->material}}</option>
                             @endforeach
                        </select>

                    </div>

                    @if ($req->RequisicionPadre)
                    <div class="col-md-4"> <br>
                        <label for="">Requisición padre</label>
                        <input required type="text"  value="{{$req->RequisicionPadre->codigo}}" name="re" disabled class="form-control">
                    </div>
                    @endif


                    @if ($req->estado =='SOLICITADO')
                    <div class="col-md-12">
                        <br>
                        <Button type="submit" class="btn btn-success"><i class="ki-outline ki-double-check fs-2"></i> Editar</BUTton>
                    </div>
                    @endif
                </div>
            </form>
        </div>
    </div>
 <br>
    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">Detalles de la requisición</h3>
            <div class="card-toolbar">

            </div>
        </div>
        <div class="card-body">
            <form action="{{route('req.saveDetalle')}}" method="post">
                @csrf
                <div class="row">



                    @if ($req->estado =='SOLICITADO')
                    <div class="col-md-3">
                        <label for="">Cantidad</label>
                        <input required type="number"  value="" name="cantidad" step="0.0001" min="0.0001" class="form-control">
                    </div>
                    <input type="hidden" value="{{$req->id}}" name="id">
                    <input type="hidden" value="{{$req->codigo}}" name="cod">
                    <div class="col-md-6">
                        <label for="">Productos</label>
                        <select required data-control="select2" name="producto" class="form-control">
                            @foreach ($productos as $item)
                                 <option
                                     value="{{$item->id}}">{{$item->producto}}</option>
                             @endforeach
                        </select>

                    </div>
                    <div class="col-md-3">
                        <label for="">Unidad</label>
                        <select required  id="" data-control="select2" name="unidad" class="form-control">
                            @foreach ($unidades as $u)
                                 <option value="{{$u->id}}">{{$u->unidad}}</option>
                             @endforeach
                        </select>

                    </div>
                    <div class="col-md-12">
                        <br>
                        <Button type="submit" class="btn btn-primary"><i class="ki-outline ki-plus fs-2"></i> Agregar</BUTton>


                    </div>


                    @endif
                </div>
            </form>
            <hr>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr class="fw-bold fs-6 text-gray-800">
                            <th>#</th>
                            <th>Producto</th>
                            <th>Cantidad</th>
                            <th>Unidad</th>
                            @if ($req->estado =='SOLICITADO')
                            <th class="text-center">Eliminar</th>
                            @endif

                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($detalles as $key => $item)
                        <tr>
                            <td>{{$key+1}}</td>
                            <td>{{$item->producto->producto}}</td>
                            <td>{{$item->cantidad}}</td>
                            <td>{{$item->unidad?->unidad}}</td>

                            @if ($req->estado =='SOLICITADO')
                            <td class="text-center"><a  class="btn" href="{{route('req.eliminarDetalle', $item->id)}}"><i class="ki-outline ki-trash fs-2x text-danger"></i></a></td>

                            @endif
                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
            @if ($req->estado =='SOLICITADO')
            <a href="{{route('req.cerrar', $req->id)}}" class=" btn btn-success"><i class="ki-outline ki-double-check fs-2"></i> Cerrar</a>
            @endif
        </div>

    </div>



@endsection
@section('extrajs')
@endsection