@extends('layouts.LayoutMaster')

@section('content')

@include('_partials.alerts')




<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.makeInBoundCart')}}" 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>

            <br>
            list des produit :
            <ul>
                @foreach (session()->get('in_cart', []) as $cartItem )
                <li>
                    <a href="{{route('inbound-delivery-notes.detachCartProduct',$cartItem['id'] )}}"
                        class="btn btn-sm btn-danger ">
                        <span class="ti-xs ti ti-trash"></span>
                    </a>

                    <b>{{$cartItem['quantity']}}</b> X {{$cartItem['name']}}
                </li>
                @endforeach
            </ul>
        </div>

    </div>
</div>

<br><br>

@if (session()->get('in_cart', []) !== [])

<div class="card">
    <div class="card-header">
        <h2 class="lead text-center">Create a New InboundDeliveryNote</h2>
    </div>
    <div class="card-body">

        <x-form.wrapper action="{{route('inbound-delivery-notes.store')}}" method="POST" enctype="multipart/form-data">
            <div class="row">
                @csrf

                @include('inbound-delivery-note.form')

            </div>

            <x-form.button type="submit">Create</x-form.button>
        </x-form.wrapper>

    </div>
</div>
<br>

@endif
@endsection