@extends('layouts.master')
@section('meta')
    <title>L'Atelier du Sushi | Restaurant de Sushi & Spécialités à Brionne</title>
    <meta name="description"
        content="Bienvenue à L'Atelier du Sushi, votre restaurant japonais à Brionne ! Découvrez nos California, rolls signatures, nems croustillants et tempura faits minute. Commandez dès maintenant. ">
    <meta name="keywords"
        content=""L'Atelier Du Sushi, Restaurant japonais Brionne, Restaurant sushi Brionne, Livraison sushi Brionne, Commande sushi en ligne Brionne, Sushi à emporter Brionne, Meilleur restaurant japonais Brionne, Plateau de sushi Brionne, Maki Brionne, California roll Brionne, Tempura Brionne, Nem Brionne, Cuisine japonaise Brionne, Livraison de repas Brionne"">
    <meta property="og:url" content="{{ route('home') }}">
    <meta property="og:type" content="article">
    <meta property="og:title"
        content="L'Atelier du Sushi | Restaurant de Sushi & Spécialités à Brionne">
    <meta property="og:description"
        content="Bienvenue à L'Atelier du Sushi, votre restaurant japonais à Brionne ! Découvrez nos California, rolls signatures, nems croustillants et tempura faits minute. Commandez dès maintenant. ">
    <meta property="og:image" content="{{ asset('img/Bienvenue-chez-atelier-du-sushi.webp') }}">
@endsection
@section('content')

    <section class="section section-fullscreen fullscreen-bg-breadcrumb section-fullscreen-right df__pt df__pb ">
        <div class="container content-container-x h-100">
            <!-- Row pushed to the right side of the screen over the dark overlay area -->
            <div class="row h-100 align-items-center justify-content-start">

                <div class="col-12 col-md-7 col-lg-6 text-start text-md-start px-4">

                    <!-- Main Bold Text -->
                    <h1 class="main-headline m-0">
                        Commandes
                    </h1>

                    <!-- Subtitle Gold Text -->
                    <div class="sub-headline mt-2">
                        <b>
                           Historique des commandes
                        </b>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <commandes-component></commandes-component>
    {{-- <section class="  df__pt df__pb">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 wow fadeInUp">
                    <div class="tf_dashboard_order">
                        <div class="table-responsive">
                            <table>
                                <tbody>
                                    <tr>
                                        <th class="tf__pro_status N° Commande">N° Commande</th>
                                        <th class="tf__pro_status Date">Date</th>
                                        <th class="tf__pro_status Livraison">Livraison</th>
                                        <th class="tf__pro_status État">État</th>
                                        <th class="tf__pro_status Total">Total</th>
                                        <th class="tf__pro_status Paiement">Paiement</th>
                                        <th class="tf__pro_status Action">Action</th>
                                    </tr>
                                </tbody>
                                @foreach ($orders['data'] as $order)
                                    <tbody>
                                        <tr class="">
                                            <td class="tf__pro_status" data-title="Commande">n° {{ $order['id'] }}
                                            </td>
                                            <td class="tf__pro_status" data-title="Date">
                                                {{ \Carbon\Carbon::parse($order['created_at'])->formatLocalized('%d/%m/%Y à %H:%M') }}
                                            </td>
                                            <td class="tf__pro_status" data-title="Livraison">
                                                {{ __('order.deliverytype.' . $order['type']) }}
                                            </td>
                                            <td class="tf__pro_status" data-title="État">
                                                <span class="status pending"> {{ __('order.status.' . $order['status']) }}
                                                </span>
                                            </td>
                                            <td class="tf__pro_status" data-title="Total"> {{ $order['total_amount'] }} €
                                                pour 1
                                                article(s) </td>
                                            <td class="tf__pro_status" data-title="Paiement">
                                                @if ($order['is_paid'])
                                                    <span>
                                                        effectue
                                                    </span>
                                                @elseif (!$order['is_paid'] && $order['type'] == 'cac')
                                                    <span>
                                                        caisse
                                                    </span>
                                                @elseif(!$order['is_paid'] && $order['type'] == 'liv')
                                                    <span>
                                                        livraison
                                                    </span>
                                                @elseif(!$order['is_paid'] && $order['type'] == 'at_place')
                                                    <span>
                                                        caisse
                                                    </span>
                                                @endif
                                            </td>
                                            <td class="tf__pro_status" data-title="Actions"><a
                                                    href="{{ route('fetchDetailsOrder', ['id' => $order['id']]) }}"
                                                    class="color-secondaire">Voir</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                @endforeach
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tf__pagination mt_50">
                <div class="row">
                    <div class="col-12">
                        <nav aria-label="...">

                            @if ($orders['last_page'] > 1)
                                <ul class="pagination">
                                    @if ($orders['current_page'] > 1)
                                        <li class="page-item">
                                            <a class="page-link first_last prev "
                                                href="{{ route('fetchOrders') }}?page={{ $orders['current_page'] - 1 }}">
                                            </a>
                                        </li>
                                    @endif

                                    @for ($i = 1; $i <= $orders['last_page']; $i++)
                                        <li class=" page-item">
                                            <a class="page-link  {{ $i === $orders['current_page'] ? 'activated' : '' }}"
                                                href="{{ route('fetchOrders') }}?page={{ $i }}">{{ $i }}</a>
                                        </li>
                                    @endfor

                                    @if ($orders['current_page'] < $orders['last_page'])
                                        <li class="page-item">
                                            <a
                                                class="page-link first_last next"href="{{ route('fetchOrders') }}?page={{ $orders['current_page'] + 1 }}">
                                            </a>
                                        </li>
                                    @endif
                                </ul>
                            @endif

                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
@endsection