@section('title', ($formTitle ?? ''))
<x-app-layout :assets="$assets ?? []">
    <div>        
        {!! Form::open([
            'route' => ['stock.addStockItem.pieces.store'], 
            'method' => 'post', 
            'enctype' => 'multipart/form-data',
        ]) !!}

        <div class="row">
            <div class="col-xl-12 col-lg-8">
                <div class="card">
                    <div class="card-header d-flex justify-content-between">
                        <div class="header-title">
                            <h4 class="card-title">Ajouter un arrivage en pièces</h4>
                        </div>
                        <div class="card-action">
                            <a href="{{ route('stock.wholesale.index') }}" class="btn btn-sm btn-primary" role="button">
                                <svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M13.4424 8.52905L9.95638 12.0001L13.4424 15.4711" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>                                                       
                                Retour
                            </a>
                        </div>
                    </div>

                    <div class="card-body">
                        <div class="new-user-info">
                            <div class="row">
                                <div class="form-group col-md-4 @error("product_id") is-invalid @enderror">
                                    <label class="form-label" for="product_id">Produit : <span class="text-danger">*</span></label>
                                    {{ Form::select('product_id', $products, old('product_id'), [
                                        'class' => 'form-control', 
                                        'placeholder' => 'Sélectionner le produit', 
                                    ]) }}
                                    @error("product_id")
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group col-md-4  @error("nb_pieces") is-invalid @enderror">
                                    <label class="form-label" for="nb_pieces">Nombre de pièces : <span class="text-danger">*</span></label>
                                    {{ Form::text('nb_pieces', old('nb_pieces'), [
                                        'class' => 'form-control', 
                                        'placeholder' => 'Entrer nombre de pièces', 
                                        'id' => 'nb_pieces'
                                    ]) }}
                                    @error("nb_pieces")
                                    <span class="text-danger">Veuillez entrer le nombre de pièces.</span>
                                    @enderror
                                </div>

                                <div class="form-group col-md-4 @error("warehouse_id") is-invalid @enderror">
                                    <label class="form-label" for="warehouse_id">dépôt : <span class="text-danger">*</span></label>
                                    {{ Form::select('warehouse_id', $warehouses, old('warehouse_id'), [
                                        'class' => 'form-control', 
                                        'placeholder' => 'Entrer l addresse', 
                                    ]) }}
                                    @error("warehouse_id")
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <button type="submit" class="btn btn-primary add-rows">{{ isset($data) ? 'Sauvegarder' : 'Ajouter' }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
</x-app-layout>

@push('scripts')
    <script>
        $(document).ready(function() {
            // Initialize Select2
            $('select[name="product_id"]').select2({
                placeholder: "Sélectionner le produit",
                allowClear: true,
                width: '100%'
            });

            $('select[name="warehouse_id"]').select2({
                placeholder: "Sélectionner le dépôt",
                allowClear: true,
                width: '100%'
            });
        });
    </script>
@endpush