@extends('web.layouts.base')

@section('titre')
    Facture
@endsection

@section('content')
    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0">Facture Details</h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="{{ route('home') }}">Dashboard</a></li>
                                <li class="breadcrumb-item active">Facture</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row justify-content-center">
                <div class="col-xxl-9">
                    <div class="card" id="demo">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card-header border-bottom-dashed p-4">
                                    <div class="d-flex">
                                        <div class="flex-grow-1">
                                            <img src="{{ asset('img/logos/logo-medd-dark.png') }}" class="card-logo card-logo-dark" alt="logo dark" height="17">
{{--                                            <img src="assets/images/logo-light.png" class="card-logo card-logo-light" alt="logo light" height="17">--}}
                                            <div class="mt-sm-5 mt-4">
                                                <h6 class="text-muted text-uppercase fw-semibold">Address</h6>
                                                <p class="text-muted mb-1" id="address-details">RDC, Kinshasa</p>
{{--                                                <p class="text-muted mb-0" id="zip-code"><span>Zip-code:</span> 90201</p>--}}
                                            </div>
                                        </div>
                                        <div class="flex-shrink-0 mt-sm-0 mt-3">
{{--                                            <h6><span class="text-muted fw-normal">Legal Registration No:</span><span id="legal-register-no">987654</span></h6>--}}
                                            <h6><span class="text-muted fw-normal">Email:</span><span id="email">info@apa.com</span></h6>
                                            <h6><span class="text-muted fw-normal">Website:</span> <a href="https://themesbrand.com/" class="link-primary" target="_blank" id="website">www.apa.cd</a></h6>
                                            <h6 class="mb-0"><span class="text-muted fw-normal">Contact : </span><span id="contact-no"> +243....</span></h6>
                                        </div>
                                    </div>
                                </div>
                                <!--end card-header-->
                            </div><!--end col-->
                            <div class="col-lg-12">
                                <div class="card-body p-4">
                                    <div class="row g-3">
                                        <div class="col-lg-3 col-6">
                                            <p class="text-muted mb-2 text-uppercase fw-semibold">Invoice No</p>
                                            <h5 class="fs-14 mb-0">#VL<span id="invoice-no">000{{ $order->id }}</span></h5>
                                        </div>
                                        <!--end col-->
                                        <div class="col-lg-3 col-6">
                                            <p class="text-muted mb-2 text-uppercase fw-semibold">Date</p>
                                            <h5 class="fs-14 mb-0"><span id="invoice-date">{{ date('d-m-Y', strtotime($order->datecreate)) }}</span> <small class="text-muted" id="invoice-time">{{ $order->created_at->format('H:m') }}</small></h5>
                                        </div>
                                        <!--end col-->
                                        <div class="col-lg-3 col-6">
                                            <p class="text-muted mb-2 text-uppercase fw-semibold">Statut</p>
                                            <span class="badge badge-soft-success fs-11" id="payment-status">{{ $order->statut == '0' ? 'En attente' : 'Expedié' }}</span>
                                        </div>
                                        <!--end col-->
                                        <div class="col-lg-3 col-6">
                                            <p class="text-muted mb-2 text-uppercase fw-semibold">Montant Total</p>
                                            <h5 class="fs-14 mb-0"><span id="total-amount">{{ $order->amount }} $</span></h5>
                                        </div>
                                        <!--end col-->
                                    </div>
                                    <!--end row-->
                                </div>
                                <!--end card-body-->
                            </div><!--end col-->
                            <div class="col-lg-12">
                                <div class="card-body p-4 border-top border-top-dashed">
                                    <div class="row g-3">
                                        <div class="col-6">
                                            <h6 class="text-muted text-uppercase fw-semibold mb-3">Information Personnel</h6>
                                            <p class="fw-medium mb-2" id="billing-name">{{ $order->user->nom.' '.$order->user->postnom.' '.$order->user->prenom.' ' }}</p>
                                            <p class="text-muted mb-1" id="billing-address-line-1">{{ $order->user->adresse }}</p>
                                            <p class="text-muted mb-1"><span>Téléphone: +</span><span id="billing-phone-no">{{ $order->user->telephone }}</span></p>
                                            <p class="text-muted mb-0"><span>email: </span><span id="billing-tax-no">{{ $order->user->email }}</span> </p>
                                        </div>
                                        <!--end col-->
                                        <div class="col-6">
                                            {{--<h6 class="text-muted text-uppercase fw-semibold mb-3">Shipping Address</h6>
                                            <p class="fw-medium mb-2" id="shipping-name">David Nichols</p>
                                            <p class="text-muted mb-1" id="shipping-address-line-1">305 S San Gabriel Blvd</p>
                                            <p class="text-muted mb-1"><span>Phone: +</span><span id="shipping-phone-no">(123) 456-7890</span></p>--}}
                                        </div>
                                        <!--end col-->
                                    </div>
                                    <!--end row-->
                                </div>
                                <!--end card-body-->
                            </div><!--end col-->
                            <div class="col-lg-12">
                                <div class="card-body p-4">
                                    <div class="table-responsive">
                                        <table class="table table-borderless text-center table-nowrap align-middle mb-0">
                                            <thead>
                                            <tr class="table-active">
                                                <th scope="col" style="width: 50px;">#</th>
                                                <th scope="col">Details Produit</th>
                                                <th scope="col">Prix</th>
                                                <th scope="col">Quantité</th>
                                                <th scope="col" class="text-end">Montant</th>
                                            </tr>
                                            </thead>
                                            <tbody id="products-list">
                                            @foreach($order->order_articles as $key => $item)
                                            <tr>
                                                <th scope="row">{{++$key}}</th>
                                                <td class="text-start">
                                                    <span class="fw-medium">
                                                        @if ($item->price->priceable_type == 'App\Models\Ressourcesgenetique')
                                                            {{ $item->price->priceable->nomScientifique.' / '. $item->price->priceable->nomVernaculaire }}
                                                        @elseif($item->price->priceable_type =='App\Models\Savoirstraditionnel')
                                                            {{ $item->price->priceable->savoir }}
                                                        @else
                                                            {{ $item->price->priceable->titre.' '.$item->price->priceable->isbn }}
                                                        @endif
                                                    </span>
                                                    <p class="text-muted mb-0">
                                                        @if ($item->price->priceable_type == 'App\Models\Ressourcesgenetique')
                                                            Ressource Génétique
                                                        @elseif($item->price->priceable_type =='App\Models\Savoirstraditionnel')
                                                            Savoir Traditionnel
                                                        @else
                                                            Publication
                                                        @endif
                                                    </p>
                                                </td>
                                                <td>{{ $item->prix }} $</td>
                                                <td>{{ $item->quantite }}</td>
                                                <td class="text-end">{{ $item->prix * $item->quantite}}</td>
                                            </tr>
                                            @endforeach
                                            {{--<tr>
                                                <th scope="row">02</th>
                                                <td class="text-start">
                                                    <span class="fw-medium">Noise NoiseFit Endure Smart Watch</span>
                                                    <p class="text-muted mb-0">32.5mm (1.28 Inch) TFT Color Touch Display</p>
                                                </td>
                                                <td>$94.99</td>
                                                <td>01</td>
                                                <td class="text-end">$94.99</td>
                                            </tr>
                                            <tr>
                                                <th scope="row">03</th>
                                                <td class="text-start">
                                                    <span class="fw-medium">350 ml Glass Grocery Container</span>
                                                    <p class="text-muted mb-0">Glass Grocery Container (Pack of 3, White)</p>
                                                </td>
                                                <td>$24.99</td>
                                                <td>01</td>
                                                <td class="text-end">$24.99</td>
                                            </tr>
                                            <tr>
                                                <th scope="row">04</th>
                                                <td class="text-start">
                                                    <span class="fw-medium">Fabric Dual Tone Living Room Chair</span>
                                                    <p class="text-muted mb-0">Chair (White)</p>
                                                </td>
                                                <td>$340.00</td>
                                                <td>01</td>
                                                <td class="text-end">$340.00</td>
                                            </tr>--}}
                                            </tbody>
                                        </table><!--end table-->
                                    </div>
                                    <div class="border-top border-top-dashed mt-2">
                                        <table class="table table-borderless table-nowrap align-middle mb-0 ms-auto" style="width:250px">
                                            <tbody>
                                            <tr>
                                                <td>Sous Total</td>
                                                <td class="text-end">{{ $order->amount }} $</td>
                                            </tr>
                                            <tr>
                                                <td>Taxe</td>
                                                <td class="text-end">0 $</td>
                                            </tr>
                                            {{--<tr>
                                                <td>Discount <small class="text-muted">(VELZON15)</small></td>
                                                <td class="text-end">- $53.99</td>
                                            </tr>--}}
                                            <tr>
                                                <td>Frais d'expedition</td>
                                                <td class="text-end">0 $</td>
                                            </tr>
                                            <tr class="border-top border-top-dashed fs-15">
                                                <th scope="row">Montant Total</th>
                                                <th class="text-end">{{ $order->amount }} $</th>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <!--end table-->
                                    </div>
                                    <div class="mt-3">
                                        <h6 class="text-muted text-uppercase fw-semibold mb-3">Details Paiment:</h6>
                                        <p class="text-muted mb-1">Paiment Méthode: <span class="fw-medium" id="payment-method">Mastercard</span></p>
                                        <p class="text-muted mb-1">Card Holder: <span class="fw-medium" id="card-holder-name">xxxxxxxxxxxxxxxx</span></p>
                                        <p class="text-muted mb-1">Card Number: <span class="fw-medium" id="card-number">xxx xxxx xxxx 1234</span></p>
                                        <p class="text-muted">Total Amount: <span class="fw-medium" id=""> </span><span id="card-total-amount">{{ $item->amunt }}</span> $</p>
                                    </div>
                                    {{--<div class="mt-4">
                                        <div class="alert alert-primary">
                                            <p class="mb-0"><span class="fw-semibold">NOTES:</span>
                                                <span id="note">Tous les comptes doivent être payés dans les 7 jours suivant la réception de la facture. À payer par chèque ou
                                                            carte de crédit ou paiement direct en ligne. Si le compte n’est pas payé dans les 7
                                                            les jours où les détails des crédits ont été fournis comme confirmation des travaux entrepris
                                                            seront facturés les frais indiqués ci-dessus.
                                                        </span>
                                            </p>
                                        </div>
                                    </div>--}}
                                    <div class="hstack gap-2 justify-content-end d-print-none mt-4">
                                        <a href="javascript:window.print()" class="btn btn-soft-primary"><i class="ri-printer-line align-bottom me-1"></i> Imprimer</a>
                                        <a href="javascript:void(0);" class="btn btn-primary"><i class="ri-download-2-line align-bottom me-1"></i> Télécharger</a>
                                    </div>
                                </div>
                                <!--end card-body-->
                            </div><!--end col-->
                        </div><!--end row-->
                    </div>
                    <!--end card-->
                </div>
                <!--end col-->
            </div>
            <!--end row-->

        </div><!-- container-fluid -->
    </div>
@endsection