@extends('layouts.main.main')

@section('content')

<div class="row">
    <div class="col-12">
        <form action="/projets/{{ $project->id }}/bon-de-commande" method="POST">
            @csrf
            <!-- Step 1 -->
            <section>
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label for="supplier">Fournisseur :</label>
                            <select class="custom-select form-control  required bdc sel2" id="supplier" name="fournisseur">
                                <option>— Sélectionnez un fournisseur —</option>
                                @foreach(App\Supplier::active()->orderBy('name')->get() as $supplier)
                                <option value="{{ $supplier->id }}">{{ $supplier->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12">
                        &nbsp;
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label for="delivery"> Livraison : </label>
                            <div class="input-group date mb-3 ddatetimepick" id="deliverydatetimepicker" data-target-input="nearest">
                                <input type="text" class="form-control required bdc datetimepicker-input" data-target="#deliverydatetimepicker" id="delivery" name="livraison" placeholder="Date et heure de livraison"><br>
                                <div class="input-group-append" data-target="#deliverydatetimepicker" data-toggle="datetimepicker">
                                    <div class="input-group-text"><i class="fa fa-calendar-alt"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label for="recovery"> Reprise : </label>
                            <div class="input-group date mb-3 ddatetimepick" id="recoverydatetimepicker" data-target-input="nearest">
                                <input type="text" class="form-control required bdc datetimepicker-input" data-target="#recoverydatetimepicker" id="recovery" name="reprise" placeholder="Date et heure de reprise"><br>
                                <div class="input-group-append" data-target="#recoverydatetimepicker" data-toggle="datetimepicker">
                                    <div class="input-group-text"><i class="fa fa-calendar-alt"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Step 2 -->
            <section id="step2" class="d-none">
                <div class="row">
                    <div class="col-12">
                        <div class="form-group">
                                @php
                                $terms = App\Order::whereNotNull('payment_terms')->orderBy('payment_terms', 'asc')->groupBy('payment_terms')->select('payment_terms')->get();
                                @endphp
                            <label for="supplier">Conditions de paiement :</label>
                            <select class="custom-select form-control sel2t required" id="payment_terms" name="conditions_de_paiement">
                                @if($terms->count() > 0)
                                @foreach($terms as $term)
                                <option value="{{ $term->payment_terms }}">{{ $term->payment_terms }}</option>
                                @endforeach
                                @else
                                <option value="30 jours fin de mois">30 jours fin de mois</option>
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-12">
                        <table class="table table-sm table-striped">
                            <thead>
                                <tr class="font-12">
                                    <th>Descriptif</th>
                                    <th>Nbre</th>
                                    <th class="text-center">PU&nbsp;HT</th>
                                    <th class="text-center">Remise&nbsp;HT/%</th>
                                    <th class="text-right">Montant&nbsp;remise</th>
                                    <th class="text-right">Total&nbsp;HT</th>
                                    <th>Acompte</th> 
                                    <th>TVA</th>
                                    <th>&nbsp;</th>
                                </tr>
                            </thead>
                            <tbody id="order_lines">
                                @include('orders.order-line-form')
                            </tbody>
                        </table>
                    </div>
                    <div class="col-12 m-b-10 text-right">
                        <button class="btn btn-success" id="order-add-row-btn"><i class="sl-icon-plus"></i> Ajouter une ligne</button>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <label for="shortDescription3">Notes / commentaires :</label>
                            <textarea name="notes" id="notes" rows="6" class="form-control"></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">Enregistrer le bon de commande</button>
                    </div>
                </div>
            </section>

        </form>
    </div>
    
</div>

@endsection