@extends('admin.layouts')



@section('title', 'Dashboard')

@section('header')

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">

@endsection



@section('content')

<div class="container-fluid page-wrapper dashboard-section">

    <div class="row mb-4">

        <h3 class="page-top-heading">Dashboard</h3>

    </div>



    {{-- ===== Branch Admin Dashboard ===== --}}

    @if(Auth::user()->role === 'branch_admin')

    <div class="text-center mb-4">

        <h2 class="fw-bold">{{ $user->name }}</h2>

        <img src="{{ $user->logo ? asset($user->logo) : asset('/assets/images/avatar/avatar.svg') }}"

            style="width:150px;height:150px;border-radius:10px;object-fit:cover;margin-top:20px;"

            alt="Branch Logo">

    </div>



    <div class="row">

        <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3">

            <a href="{{ route('products') }}" style="text-decoration: none;">

                <div class="card border-0 dashboard-widget-card text-center">

                    <p class="mb-0 d-card-para-title">Total Products</p>

                    <h2 class="mb-0 d-card-inner-head">{{ $productCount }}</h2>

                </div>

            </a>

        </div>



        <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3">

            <a href="{{ route('add_employee') }}" style="text-decoration: none;">

                <div class="card border-0 dashboard-widget-card text-center">

                    <p class="mb-0 d-card-para-title">Total Employees</p>

                    <h2 class="mb-0 d-card-inner-head">{{ $employeeCount }}</h2>

                </div>

            </a>

        </div>



        <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3">
            <a href="{{ route('purchase_parties') }}" style="text-decoration: none;">

                <div class="card border-0 dashboard-widget-card text-center">

                    <p class="mb-0 d-card-para-title">Total Parties</p>

                    <h2 class="mb-0 d-card-inner-head">{{$supCount}}</h2>

                </div>
            </a>

        </div>

        <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3">

            <a href="{{ route('user_management') }}" style="text-decoration: none;">

                <div class="card border-0 dashboard-widget-card text-center cursor-pointer">

                    <p class="mb-0 d-card-para-title">Total Customers</p>

                    <h2 class="mb-0 d-card-inner-head">{{ $customerCount }}</h2>

                </div>

            </a>

        </div>



    </div>



    {{-- ===== Admin Full Dashboard ===== --}}

    @else

    <div class="row">

        {{-- Recent Orders --}}

        <div class="col-12 col-sm-6 col-md-6 col-lg-4 mb-3">

            <div class="card border-0 dashboard-widget-card text-center">

                <p class="mb-0 d-card-para-title">Recent Orders</p>

                <h2 class="mb-0 d-card-inner-head">{{ $recentOrderCount }}</h2>

            </div>

        </div>

        {{-- Accepted Orders --}}

        <div class="col-12 col-sm-6 col-md-6 col-lg-4 mb-3">

            <div class="card border-0 dashboard-widget-card text-center">

                <p class="mb-0 d-card-para-title">Accepted Orders</p>

                <h2 class="mb-0 d-card-inner-head">{{ $acceptedOrderCount }}</h2>

            </div>

        </div>

        {{-- Rejected Orders --}}

        <div class="col-12 col-sm-6 col-md-6 col-lg-4 mb-3">

            <div class="card border-0 dashboard-widget-card text-center">

                <p class="mb-0 d-card-para-title">Rejected Orders</p>

                <h2 class="mb-0 d-card-inner-head">{{ $cancelledOrderCount }}</h2>

            </div>

        </div>

        {{-- Membership --}}

        <div class="col-12 col-sm-6 col-md-6 col-lg-4 mb-3">

            <div class="card border-0 dashboard-widget-card text-center">

                <p class="mb-0 d-card-para-title">Membership</p>

                <h2 class="mb-0 d-card-inner-head">{{ $totalMembership }}</h2>

            </div>

        </div>

    </div>

    @endif



</div>

@endsection



@section('footer')

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

<script>
    $(document).ready(function() {

        @if(session('success'))

        toastr.success('{{ session('
            success ') }}');

        @endif

    });
</script>

@endsection