@extends('layouts.LayoutMaster')

@section('content')

@include('_partials.alerts')

<div class="card card-action mb-4  border border-">



    <div class="card-header align-items-center">
        <h5 class="card-action-title mb-0">Bon de ramassage</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-xl-7 col-12">
                <dl class="row mb-0">
                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">REF N° :</dt>
                    <dd class="col-sm-8">{{$inboundDeliveryNote->ref}}</dd>

                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Client :</dt>
                    <dd class="col-sm-8">{{$inboundDeliveryNote->client->name}}</dd>

                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Telephone :</dt>
                    <dd class="col-sm-8">{{$inboundDeliveryNote->phone}}</dd>

                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Status :</dt>
                    <dd class="col-sm-8"><span
                            class="badge rounded-pill bg-{{ $inboundDeliveryNote->statusColor() }} bg-glow">
                            {{$inboundDeliveryNote->statusName()}}
                        </span></dd>

                </dl>
            </div>
            <div class="col-xl-5 col-12">
                <dl class="row mb-0">
                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Address :</dt>
                    <dd class="col-sm-8">{{$inboundDeliveryNote->address}}</dd>

                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Ville :</dt>
                    <dd class="col-sm-8">{{$inboundDeliveryNote->city->name}}
                        ({{$inboundDeliveryNote->city->zone->name}}) </dd>
                    <dd class="col-sm-12">
                        @if ($inboundDeliveryNote->isWaiting() && Auth::user()->hasRole('picker'))
                        <br>
                        <div>
                            <a href="{{route('inbound-delivery-notes.picked',$inboundDeliveryNote->id)}}"
                                class="btn btn-outline-success waves-effect">
                                <span class="ti ti-check me-2"></span> Ramassage effectué
                            </a>
                        </div>

                        @endif

                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>

@if (Auth::user()->hasRole('client') && ($inboundDeliveryNote->isPending() || $inboundDeliveryNote->isWaiting()))
<br>
<div class="col-12">
    <div class="card mb-4">
        <h5 class="card-header">Ajouter des produits </h5>
        <div class="card-body">
            <form action="{{route('inbound-delivery-notes.attachProduct')}}" method="post">
                @csrf
                <input type="hidden" name="inbound_delivery_note_id" value="{{$inboundDeliveryNote->id}}">

                <div class="row">

                    <x-form.select col="5" name="product_id" label="Produit" :options="$products" _key="id" value="name"
                        required req="true" />
                    <div class="col-1">
                        <label class="col-form-label">.</label> <br>
                        <a href="{{route('products.create')}}" class="btn btn-primary waves-effect waves-light">+</a>
                    </div>
                    <x-form.input col="4" type="number" label="Quantité" id="quantity" name="quantity" required
                        req="true" value="{{old('quantity')}}" />

                    <div class="col-2">
                        <label class="col-form-label">.
                        </label>
                        <x-form.button type="submit">Ajouter</x-form.button>
                    </div>
                </div>

            </form>
        </div>

    </div>
</div>
@endif
<br>
<div class="col-12">
    <div class="card mb-4">
        <h5 class="card-header">Bon de ramassage</h5>
        <div class="card-body">
            <div class="table-responsive text-nowrap">
                <table class="table table-bordered">

                    <thead>
                        <tr>
                            <th>Id</th>
                            <th>Nom</th>
                            <th>Quantité</th>
                            @if (Auth::user()->hasRole('logistics'))
                            <th>Quantité réel</th>
                            @endif
                            <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach ($idnProducts as $product)
                        <tr>
                            <td>{{$product->id}}</td>
                            <td>{{$product->name}}</td>
                            <td>{{$product->pivot->quantity}}</td>
                            @if (Auth::user()->hasRole('logistics'))
                            <td>
                                @if (!$product->pivot->is_valid)
                                <form
                                    action="{{route('inbound-delivery-notes.confirmProductQte',$inboundDeliveryNote->id)}}"
                                    method="post">
                                    <div class="input-group">
                                        @csrf
                                        <input type="hidden" name="product_id" value="{{$product->id}}">
                                        <input type="number" name="real_quantity" max="{{$product->pivot->quantity}}"
                                            class="form-control" id="qte{{$product->id}}"
                                            value="{{$product->pivot->real_quantity}}">
                                        <button class="btn btn-outline-success waves-effect" type="submit">
                                            <i class="ti ti-check me-1"></i>
                                        </button>
                                    </div>
                                </form>
                                @else
                                {{$product->pivot->real_quantity}}
                                @endif
                            </td>
                            @endif

                            <td>
                                @if (Auth::user()->hasRole('client'))
                                <a href="{{route('inbound-delivery-notes.detachProduct',[$inboundDeliveryNote->id,$product->id] )}}"
                                    class="btn btn-sm btn-danger ">
                                    <span class="ti-xs ti ti-trash"></span>
                                </a>
                                @endif
                            </td>
                        </tr>
                        @endforeach

                    </tbody>
                </table>

            </div>
        </div>

    </div>
</div>
@endsection


@section('page-script')

<script>
    function validateQte(id){
        alert($('#qte'+id).val());
    }
</script>
@endsection