@extends('customer.layout')
@section('content')
<div id="top" class="px-2 mt-5 sa-app__body px-lg-4">

    <div class="container pb-6">

    <div class="py-5">

    <div class="row g-4 align-items-center">

    <div class="col"><h1 class="m-0 h3">Welcome Back, @if(!empty($user->firstname)){{ $user->firstname}}@else John Doe @endif</h1>
    </div>

    <div class="col-auto d-flex">
        <a class="dynamic-link btn btn-danger btn-lg btn-rounded" id="dynamic-link" href="#">Go to Shop produts</a>

    </div>


    </div>
    </div>

    <div class="row g-4 g-xl-5">

    <div class="col-12 col-md-4 d-flex">

    <div class="card saw-indicator flex-grow-1" data-sa-container-query="{&quot;340&quot;:&quot;saw-indicator--size--lg&quot;}">

    <div class="sa-widget-header saw-indicator__header"><h2 class="sa-widget-header__title">Order</h2>

    {{--  <div class="sa-widget-header__actions">

    <div class="dropdown"><button type="button" class="btn btn-sm btn-sa-muted d-block" id="widget-context-menu-1" data-bs-toggle="dropdown" aria-expanded="false" aria-label="More"><svg xmlns="http://www.w3.org/2000/svg" width="3" height="13" fill="currentColor">

    <path d="M1.5,8C0.7,8,0,7.3,0,6.5S0.7,5,1.5,5S3,5.7,3,6.5S2.3,8,1.5,8z M1.5,3C0.7,3,0,2.3,0,1.5S0.7,0,1.5,0 S3,0.7,3,1.5S2.3,3,1.5,3z M1.5,10C2.3,10,3,10.7,3,11.5S2.3,13,1.5,13S0,12.3,0,11.5S0.7,10,1.5,10z"></path></svg></button>
    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="widget-context-menu-1">
    <li><a class="dropdown-item" href="#">Settings</a></li>
    <li><a class="dropdown-item" href="#">Move</a></li>
    <li>
    <hr class="dropdown-divider"/></li>
    <li><a class="dropdown-item text-danger" href="#">Remove</a></li>
    </ul>
    </div>
    </div>  --}}
    </div>

    <div class="saw-indicator__body">

    <div class="saw-indicator__value">
        @if($order_count >= 1)
        {{ $order_count }}
        @else
        No Order
        @endif
    </div>


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



    <div class="col-12 col-xxl-12 d-flex">

    <div class="card flex-grow-1 saw-table">

    <div class="sa-widget-header saw-table__header"><h2 class="sa-widget-header__title">Recent orders</h2>

    <div class="sa-widget-header__actions">

    <div class="dropdown"><button type="button" class="btn btn-sm btn-sa-muted d-block" id="widget-context-menu-6" data-bs-toggle="dropdown" aria-expanded="false" aria-label="More"><svg xmlns="http://www.w3.org/2000/svg" width="3" height="13" fill="currentColor">

    <path d="M1.5,8C0.7,8,0,7.3,0,6.5S0.7,5,1.5,5S3,5.7,3,6.5S2.3,8,1.5,8z M1.5,3C0.7,3,0,2.3,0,1.5S0.7,0,1.5,0 S3,0.7,3,1.5S2.3,3,1.5,3z M1.5,10C2.3,10,3,10.7,3,11.5S2.3,13,1.5,13S0,12.3,0,11.5S0.7,10,1.5,10z"></path></svg></button>
    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="widget-context-menu-6">
    <li><a class="dropdown-item" href="#">Settings</a></li>
    <li><a class="dropdown-item" href="#">Move</a></li>
    <li>
    <hr class="dropdown-divider"/></li>
    <li><a class="dropdown-item text-danger" href="#">Remove</a></li>
    </ul>
    </div>
    </div>
    </div>

    <div class="saw-table__body sa-widget-table text-nowrap">
    <table>
    <thead>
    <tr>
    <th>No.
    </th>
    <th>Status
    </th>
    {{--  <th>Co.
    </th>  --}}
    {{--  <th>Customer
    </th>  --}}
    <th>Date
    </th>
    <th>Total
    </th>
    </tr></thead>


    <tbody>

    @if(count($orders) >= 1)
    @foreach($orders as $order)
    <tr>
    <td><a href="{{ route('customer.order.detail', $order->uuid) }}" class="text-reset">{{ $order->order_code }}</a>
    </td>
    <td>

    <div class="d-flex fs-6">

    <div class="badge badge-sa-primary">{{ $order->status }}
    </div>
    </div>
    </td>
    {{--  <td><img src="vendor/flag-icons/24/IT.png" class="sa-language-icon d-block" alt="" title="Italy"/>
    </td>  --}}
    {{--  <td>

    <div class="d-flex align-items-center">
    <a href="app-customer.html" class="sa-symbol sa-symbol--shape--circle sa-symbol--size--md me-3">

    <div class="sa-symbol__text">GB
    </div>
    </a>

    <div><a href="app-customer.html" class="text-reset">Giordano Bruno</a>
    </div>
    </div>
    </td>  --}}
    <td>
        {{ $order->created_at->format('d-m-Y') }}
    </td>
    <td>
       {{config('app.currency').''. number_format($order->total_amount) }}
    </td>
    </tr>
    @endforeach
    @else
    <tr>
    <td> No Order have been placed</td>
    </tr>
    @endif
   </tbody>
    </table>
    </div>
    </div>
    </div>




    </div>
    </div>
    </div>
@endsection