@extends('backend.template.layouts.template-base')
@section('title', 'Dashboard')

@section('content')
    <section>
        <div class="row">
            <div class="col-xl-12">
                @php
                    $job_applications = Auth::user()->can('readapplication', \App\Models\JobApplication::class);
                    $blogMenu = Auth::user()->can('read', \App\Models\Blog::class);
                    $testimonialMenu = Auth::user()->can('read', \App\Models\Testimonial::class);
                    $enquiryMenu = Auth::user()->can('read', \App\Models\Contact::class);
                @endphp
                <div class="card-body p-0">
                    <div class="tab-content">

                        <div class="tab-pane active" id="client-details" role="tabpanel">
                            <div class="row">
                                @if ($blogMenu)
                                    <div class="col-xl-3 col-md-6">
                                        <!-- card -->
                                        <a href="{{ route('backend.template.blog.index') }}">
                                            <div class="card card-animate">
                                                <div class="card-body card-bg-1">
                                                    <div class="d-flex align-items-center">
                                                        <div class="flex-grow-1 overflow-hidden">
                                                            <p
                                                                class="text-uppercase fw-semibold dashboard-heading text-truncate mb-0">
                                                                No. Of Blogs
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex align-items-end justify-content-between mt-4">
                                                        <div>
                                                            <h4 class="fs-22 fw-semibold ff-secondary mb-4">
                                                                <span>{{ $blog }}</span>
                                                            </h4>
                                                        </div>
                                                        <div class="avatar-sm flex-shrink-0">
                                                            <span class="avatar-title bg-success-subtle rounded fs-3">
                                                                <i class="bx bx-group text-success"></i>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div><!-- end card body -->
                                            </div><!-- end card -->
                                        </a>

                                    </div><!-- end col -->
                                @endif
                                @if ($enquiryMenu)
                                    <div class="col-xl-3 col-md-6">
                                        <!-- card -->
                                        <a href="{{ route('backend.template.enquiry.index') }}">
                                            <div class="card card-animate">
                                                <div class="card-body card-bg-2">
                                                    <div class="d-flex align-items-center">
                                                        <div class="flex-grow-1 overflow-hidden">
                                                            <p
                                                                class="text-uppercase fw-semibold dashboard-heading text-truncate mb-0">
                                                                Total Contact Enquiry
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex align-items-end justify-content-between mt-4">
                                                        <div>
                                                            <h4 class="fs-22 fw-semibold ff-secondary mb-4">
                                                                <span>{{ $enquiries }}</span>
                                                            </h4>
                                                        </div>
                                                        <div class="avatar-sm flex-shrink-0">
                                                            <span class="avatar-title bg-info-subtle rounded fs-3">
                                                                <i class="bx bx-user-circle text-info"></i>

                                                            </span>
                                                        </div>
                                                    </div>
                                                </div><!-- end card body -->
                                            </div><!-- end card -->
                                        </a>
                                    </div><!-- end col -->
                                @endif
                                @if ($job_applications)
                                    <div class="col-xl-3 col-md-6">
                                        <!-- card -->
                                        <a href="{{ route('backend.template.job-application.index') }}">
                                            <div class="card card-animate">
                                                <div class="card-body card-bg-3">
                                                    <div class="d-flex align-items-center">
                                                        <div class="flex-grow-1 overflow-hidden">
                                                            <p
                                                                class="text-uppercase fw-semibold dashboard-heading text-truncate mb-0">
                                                                Total Job Applications
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex align-items-end justify-content-between mt-4">
                                                        <div>
                                                            <h4 class="fs-22 fw-semibold ff-secondary mb-4">
                                                                <span>{{ $application }}</span>
                                                            </h4>
                                                        </div>
                                                        <div class="avatar-sm flex-shrink-0">
                                                            <span class="avatar-title bg-warning-subtle rounded fs-3">
                                                                <i class="bx bx-map-pin text-warning"></i>

                                                            </span>
                                                        </div>
                                                    </div>
                                                </div><!-- end card body -->
                                            </div><!-- end card -->
                                        </a>
                                    </div><!-- end col -->
                                @endif
                                @if ($testimonialMenu)
                                    <div class="col-xl-3 col-md-6">
                                        <!-- card -->
                                        <a href="{{ route('backend.template.testimonials.index') }}">
                                            <div class="card card-animate">
                                                <div class="card-body card-bg-4">
                                                    <div class="d-flex align-items-center">
                                                        <div class="flex-grow-1 overflow-hidden">
                                                            <p
                                                                class="text-uppercase fw-semibold dashboard-heading text-truncate mb-0">
                                                                No. Of Testimonials
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex align-items-end justify-content-between mt-4">
                                                        <div>
                                                            <h4 class="fs-22 fw-semibold ff-secondary mb-4">
                                                                <span>{{ $testimonials }}</span>
                                                            </h4>
                                                        </div>
                                                        <div class="avatar-sm flex-shrink-0">
                                                            <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                                <i class="bx bx-time text-primary"></i>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div><!-- end card body -->
                                            </div><!-- end card -->
                                        </a>
                                    </div><!-- end col -->
                                @endif



                            </div> <!-- end row-->
                        </div>


                    </div>
                </div><!-- end card -->
            </div><!-- end col -->
        </div><!-- end row -->

        <div class="row">
            @if ($job_applications)
                <div class="col-xl-6">
                    <div class="card">
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Latest Job Applications</h4>
                            <div class="flex-shrink-0">
                                <div class="dropdown card-header-dropdown">
                                    <a class="" href="{{ route('backend.template.job-application.index') }}"
                                        aria-expanded="false">
                                        <button type="button" class="btn btn-primary btn-sm"><span class="text-white">View
                                                All</span></button>
                                    </a>

                                </div>
                            </div>
                        </div><!-- end card header -->

                        <div class="card-body">
                            <div class="table-responsive table-card">
                                <table class="table table-borderless table-hover table-nowrap align-middle mb-0">
                                    <thead class="table-light">
                                        <tr class="text-muted">
                                            <th scope="col">Date</th>
                                            <th scope="col">Name</th>
                                            <th scope="col">Email</th>
                                            <th scope="col">Mobile</th>

                                            {{-- <th scope="col" style="width: 12%;">View</th> --}}
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @if (isset($job_application))
                                            @foreach ($job_application as $application)
                                                <tr>
                                                    <td> <a class="common_model" href="javascript:void(0);"
                                                            data-title="Job Application"
                                                            data-url="  {{ route('backend.template.job-application.show', $application->id) }}"
                                                            data-size="modal-lg">{{ $application?->created_at }}</a></td>
                                                    <td> <a class="common_model" href="javascript:void(0);"
                                                            data-title="Job Application"
                                                            data-url="  {{ route('backend.template.job-application.show', $application->id) }}"
                                                            data-size="modal-lg">{{ $application?->name }}</a></td>
                                                    <td> <a class="common_model" href="javascript:void(0);"
                                                            data-title="Job Application"
                                                            data-url="  {{ route('backend.template.job-application.show', $application->id) }}"
                                                            data-size="modal-lg">{{ $application?->email }}</a></td>
                                                    <td> <a class="common_model" href="javascript:void(0);"
                                                            data-title="Job Application"
                                                            data-url="  {{ route('backend.template.job-application.show', $application->id) }}"
                                                            data-size="modal-lg">{{ $application?->mobile }}</a></td>

                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody><!-- end tbody -->
                                </table><!-- end table -->
                            </div><!-- end table responsive -->
                        </div><!-- end card body -->
                    </div><!-- end card -->
                </div><!-- end col -->
            @endif
            @if ($enquiryMenu)
                <div class="col-xl-6">
                    <div class="card">
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Latest Contact Enquiries</h4>
                            <div class="flex-shrink-0">
                                <div class="dropdown card-header-dropdown">
                                    <a class="" href="{{ route('backend.template.enquiry.index') }}"
                                        aria-expanded="false">
                                        <button type="button" class="btn btn-primary btn-sm"><span
                                                class="text-white">View All</span></button>
                                    </a>

                                </div>
                            </div>
                        </div><!-- end card header -->

                        <div class="card-body">
                            <div class="table-responsive table-card">
                                <table class="table table-borderless table-hover table-nowrap align-middle mb-0">
                                    <thead class="table-light">
                                        <tr class="text-muted">
                                            <th scope="col">Date</th>
                                            <th scope="col">Name</th>
                                            <th scope="col">Email</th>
                                            <th scope="col">Mobile</th>
                                            {{-- <th scope="col" style="width: 12%;">View</th> --}}
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @if (isset($contact_enquiry))
                                            @foreach ($contact_enquiry as $enquiry)
                                                <tr>
                                                    <td><a class="common_model" href="javascript:void(0);"
                                                            data-title="Enquiry Information"
                                                            data-url="{{ route('backend.template.enquiry.show', $enquiry->id) }}"
                                                            data-size="modal-lg">{{ $enquiry->created_at }}</a></td>
                                                    <td><a class="common_model" href="javascript:void(0);"
                                                            data-title="Enquiry Information"
                                                            data-url="{{ route('backend.template.enquiry.show', $enquiry->id) }}"
                                                            data-size="modal-lg">{{ $enquiry->name }}</a></td>
                                                    <td><a class="common_model" href="javascript:void(0);"
                                                            data-title="Enquiry Information"
                                                            data-url="{{ route('backend.template.enquiry.show', $enquiry->id) }}"
                                                            data-size="modal-lg">{{ $enquiry->email }}</a></td>
                                                    <td><a class="common_model" href="javascript:void(0);"
                                                            data-title="Enquiry Information"
                                                            data-url="{{ route('backend.template.enquiry.show', $enquiry->id) }}"
                                                            data-size="modal-lg">{{ $enquiry->mobile }}</a></td>
                                                </tr>
                                            @endforeach
                                        @endif

                                    </tbody><!-- end tbody -->
                                </table><!-- end table -->
                            </div><!-- end table responsive -->
                        </div><!-- end card body -->
                    </div><!-- end card -->
                </div><!-- end col -->
            @endif


        </div><!-- end row -->
    </section>
@endsection