@extends('layouts.app')

@section('content')


    <div id="layoutSidenav">
        <div id="layoutSidenav_nav">
            <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
                <div class="sb-sidenav-menu">
                    <div class="nav">
                        <div class="sb-sidenav-menu-heading">Core</div>
                        <a class="nav-link" href="#">
                            <div class="sb-nav-link-icon"><i class="fas fa-tachometer-alt"></i></div>
                            Dashboard
                        </a>
                        <div class="sb-sidenav-menu-heading"> Interface </div>
                        <a class="nav-link" href="{{ route('commandes.index') }}">
                            <div class="sb-nav-link-icon"><i class="fas fa-shopping-bag"></i></div>
                            Commandes
                        </a>
                        <a class="nav-link" href="#">
                            <div class="sb-nav-link-icon"><i class="fas fa-store"></i></div>
                            Magasin
                        </a>
        
                       
                        {{-- <div class="sb-sidenav-menu-heading">Addons</div>
                    <a class="nav-link" href="charts.html">
                        <div class="sb-nav-link-icon"><i class="fas fa-chart-area"></i></div>
                        Charts
                    </a>
                    <a class="nav-link" href="tables.html">
                        <div class="sb-nav-link-icon"><i class="fas fa-table"></i></div>
                        Tables
                    </a> --}}
                    </div>
                </div>
                <div class="sb-sidenav-footer">
                    <div class="small">Logged in as:</div>
                    {{-- Start Bootstrap --}}
                    {{-- {{ Auth::user()->name }} --}}
                    admin-audiosoin
                </div>
            </nav>
        </div>
        <div id="layoutSidenav_content">
            <main>
                <div class="container-fluid px-4">
                    <h1 class="mt-4">Commandes</h1>
                    <ol class="breadcrumb mb-4">
                        <li class="breadcrumb-item active">Commandes</li>
                    </ol>
                    <div class="card mb-4">
                        <div class="card-header">
                            <i class="fas fa-table me-1"></i>
                            Tableau de commandes
                        </div>
                        <div class="card-body">
                            <table id="datatablesSimple">
                                <thead>
                                    <tr>
                                        <th>Panier</th>
                                        <th>Prix total</th>
                                        <th>Nom client</th>
                                        <th>Adresse client</th>
                                        <th>Date</th>
                                        <th>Etat</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tfoot>
                                    <tr>
                                        <th>Panier</th>
                                        <th>Prix total</th>
                                        <th>Nom client</th>
                                        <th>Adresse client</th>
                                        <th>Date</th>
                                        <th>Etat</th>
                                        <th>Actions</th>
                                    </tr>
                                </tfoot>
                                <tbody>
                                    @foreach ($commandes as $commande)
                                        <tr>
                                            <td>  @foreach ($commande['cart'] as $element) {{ $element['name'] }} {{ $element['prix'] }} € x {{ $element['qte'] }} [ {{ $element['categoryID'] }}  ] <br/> @endforeach </td>
                                            <td> {{ $commande['total_price'] }} € </td>
                                            <td> {{ $commande['user']['nom'] }} {{ $commande['user']['prénom'] }} </td>
                                            <td> {{ $commande['user']['adresse'] }} </td>
                                            <td> {{ $commande['timeCreated'] }} </td>
                                            <td> {{ $commande['order_status'] == 'waiting' ? 'en attente' : 'en route' }} </td>
                                            <td> <button class="btn btn-sm btn-success">Expédier</button> </td>
                                        </tr>
                                        {{-- <tr>   
                                    <td> @foreach ($commande['cart'] as $element) <ul> {{$element['name']}} x {{$element['qte']}} [ {{$element['categoryID']}} ] </ul> @endforeach </td> 
                                    <td> {{$commande['total_price']}} € </td>  
                                    <td> {{$commande['userUID']}} </td> 
                                    <td> Paris </td> 
                                    <td> {{$commande['timeCreated']}} </td> 
                                    <td> {{$commande['order_status']=="waiting"?"en attente":"en route"}} </td>
                                    <td> <button class="btn btn-sm btn-success">Expédier</button> </td> 
                                </tr> --}}
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </main>
            <footer class="py-4 bg-light mt-auto">
                <div class="container-fluid px-4">
                    <div class="d-flex align-items-center justify-content-between small">
                        <div class="text-muted">Copyright &copy; Audiosoin 2021</div>
                        <div>
                            <a href="#">Privacy Policy</a>
                            &middot;
                            <a href="#">Terms &amp; Conditions</a>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>



    {{-- <div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ __('Dashboard') }}</div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    {{ __('You are logged in!') }}
                </div>
            </div>
        </div>
    </div>
</div> --}}
@endsection