@extends('site.layouts.app')

@section('title', 'CDS - SISTEMAS')


@section('topbar')
    @include('site.partials.topbar')
@endsection

@section('navbar')
    
    <!-- Page Header Start -->
    <div class="container-fluid bg-secondary mb-3">
        <div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 100px">
            <h1 class="font-weight-semi-bold text-uppercase mb-3">Meus Pedidos</h1>
            <div class="d-inline-flex">
                <p class="m-0"><a href="">Home</a></p>
                <p class="m-0 px-2">-</p>
                <p class="m-0">Meus Pedidos</p>
                <p><x-alert/></p>
            </div>
        </div>
    </div>
    <!-- Page Header End -->


    <!-- Cart Start -->
    <div class="container-fluid pt-5">
        <div class="row px-xl-5">
            <div class="col-lg-8 table-responsive mb-5">
                  @foreach ($orders->items() as $order)
                                <table class="table table-bordered">
                                    <thead>
                                    <tr class="bg-primary"><th scope="col">ID</th><td>{{ $order->id }}</td></tr> 
                                        <tr><th scope="col">Telefone</th><td>{{ $order->telefone }}</td> </tr>
                                        <tr><th scope="col">Local</th><td>{{ $order->local }}</td> </tr>
                                        <tr><th scope="col">Data</th><td>{{ $order->data }}</td> </tr>
                                        <tr><th scope="col">Total</th><td>{{ $order->total }}</td> </tr>
                                        <tr><th scope="col">Met. Pagamento</th><td><x-paymentMethod :method="$order->paymentMethod"></x-paymentMethod></td></tr> 
                                        <tr><th scope="col">Status</th><td><x-status :status="$order->status"></x-status></td></tr>
                                        <tr class="text-align: center;"><td colspan="2"> 
                                            <a href="{{ route('order.view', $order->id) }}" > 
                                                 <i class="bi bi-box-arrow-in-right" style="font-size: 2rem;"> >> </i>
                                            </a>
                                            </td></tr>
                                        </thead>
                                    </table>
                                    @endforeach
            </div>
             
        </div>
    </div>
    <!-- Cart End -->

@endsection
  
 
  

@section('products')
   
@endsection
  

@section('footer')
    @include('site.partials.footer')
@endsection