@extends('layouts.app')
@section('stitle', 'Customer')
@section('title', __('messages.CustomersDetail'))

@section('content')
<div >
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
        @if(session()->get('title') == "success")
            <div class="alert alert-success" role="alert">
                <h4 class="alert-heading">Success</h4>
                <div class="alert-body">
                    {{ session()->get('message') }}
                </div>
            </div>
        @elseif (session()->get('title') == "error")
            <div class="alert alert-danger" role="alert">
                <h4 class="alert-heading">Error</h4>
                <div class="alert-body">
                    {{ session()->get('message') }}
                </div>
            </div>
        @endif

        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body" style="margin-left:200px;margin-right:200px">
        <div class="row">
        <div class="col-4">
            <a class="card-block stretched-link text-decoration-none">
                <div class="card pt-1 mt-3 mb-2" >
                    <div class="ml-1">
                    <h5>{{__('messages.DoneOrders')}}</h5>
                    <h3>{{ $orderCustomerCount ?? '-' }}</h3>
                    </div>
                </div>
            </a>
            </div>
        <div class="col-4">
            <a class="card-block stretched-link text-decoration-none">
                <div class="card pt-1 mt-3 mb-2" >
                    <div class="ml-1">
                    <h5>{{__('messages.TotalSpent')}} ({{ Auth::user()->business->currency->symbol }})</h5>
                    <h3> {{ $totalSpent ?? '-' }}</h3>
                    </div>
                </div>
            </a>
            </div>
        <div class="col-4">
            <a class="card-block stretched-link text-decoration-none">
                <div class="card pt-1 mt-3 mb-2" >
                    <div class="ml-1">
                    <h5>{{__('messages.TotalDiscounts')}} ({{ Auth::user()->business->currency->symbol }})</h5>
                    <h3> {{ $totalDiscount ?? '-' }}</h3>
                    </div>
                </div>
            </a>
            </div>
        </div>
        <div class="row">
        <div class="col-4">
            <a class="card-block stretched-link text-decoration-none">
                <div class="card pt-1 mt-3 mb-2" >
                    <div class="ml-1">
                    <h5>{{__('messages.LastOrder')}}</h5>
                    <h3> {{ $lastOrder ?? '-'}}</h3>
                    </div>
                </div>
            </a>
            </div>
        <div class="col-4">
            <a class="card-block stretched-link text-decoration-none">
                <div class="card pt-1 mt-3 mb-2" >
                    <div class="ml-1">
                    <h5>{{__('messages.FavouriteProduct')}}</h5>
                    <h4>  {{ $favouritePro[0]->product->name ?? '-' }}</h4>
                    </div>
                </div>
            </a>
            </div>
        <div class="col-4">
            <a class="card-block stretched-link text-decoration-none">
                <div class="card pt-1 mt-3 mb-2" >
                    <div class="ml-1">
                    <h5>{{__('messages.FavouriteBranch')}}</h5>
                    <p> {{ $favouriteBranch[0]->branch->name ?? '-' }}</p>
                    </div>
                </div>
            </a>
            </div>
        </div>

            <!-- Table Hover Animation start -->
            <div class="row" id="table-hover-animation">
                <div class="col-12">
                    <div class="card mt-5" >

                        <div class="card-body">
                            <div class="row">
                                <div class="col-6">
                                    <label>{{__('messages.name')}}</label>
                                    <h5 class="mt-1">{{$customer->name}}</h5>
                                <hr>
                                </div>
                                <div class="col-6">
                                <label>{{__('messages.EMAIL')}}</label>
                                    <h5 class="mt-1">{{$customer->email}}</h5>
                                <hr>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <label>{{__('messages.PHONE')}}</label>
                                    <h5 class="mt-1">{{$customer->phone_number}}</h5>
                                <hr>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- tag section -->
{{--            <div class="content-header row mt-2">--}}
{{--            <div class="content-header-left col-md-6 col-12 mb-2">--}}
{{--                <div class="row breadcrumbs-top">--}}
{{--                    <div class="col-12">--}}
{{--                        <h5 class=" float-left mb-0 pt-1">{{__('messages.Tags')}}</h5>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">--}}
{{--                <div class="form-group breadcrumb-right mb-1">--}}
{{--                <button class="btn btn-primary waves-effect waves-float waves-light" type="button" data-toggle="modal" data-target="#tag">--}}
{{--                    {{__('messages.EditTags')}}</button>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            </div>--}}
{{--            <div class="card">--}}
{{--                <div class="card-body">--}}
{{--                <span class="badge bg-secondary">testbranch</span>--}}
{{--                </div>--}}
{{--            </div>--}}
            <!-- Addresses -->
{{--            <div class="content-header row mt-3">--}}
{{--            <div class="content-header-left col-md-6 col-12 mb-2">--}}
{{--                <div class="row breadcrumbs-top">--}}
{{--                    <div class="col-12">--}}
{{--                        <h5 class=" float-left mb-0 pt-1">{{__('messages.Addresses')}}</h5>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}

{{--            </div>--}}
{{--            <div class="card " >--}}
{{--                <div class=" text-center">--}}
{{--                <table class="invoice-list-table table">--}}
{{--                                <thead>--}}
{{--                                    <tr align="center">--}}
{{--                                        <th>{{__('messages.name')}}</th>--}}
{{--                                        <th>{{__('messages.DESCRIPTION')}}</th>--}}
{{--                                        <th>{{__('messages.DELIVERYZONE')}}</th>--}}
{{--                                        <th>{{__('messages.CREATED')}}</th>--}}
{{--                                    </tr>--}}
{{--                                </thead>--}}
{{--                                <tbody>--}}
{{--                                    <tr align="center">--}}
{{--                                        <td>Ihsan</td>--}}
{{--                                        <td>Jahez</td>--}}
{{--                                        <td>-</td>--}}
{{--                                        <td>-</td>--}}
{{--                                    </tr>--}}
{{--                                </tbody>--}}
{{--                            </table>--}}
{{--                </div>--}}
{{--            </div>--}}

</div>
@endsection