@extends('fronted.layout.main')
@section('adcontent')
@if($message = Session::get('UserPermission'))
@php
$permissionArray = explode(",", $message);
$userRoll = session("userRoll");
@endphp
@else
@php
$permissionArray = [];
$userRoll = "Admin";
@endphp
@endif
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>

<style>
   .paymentInClass {
      color: green !important;
   }

   .custome-link {
      text-decoration: none;
      color: transparent;
      background-color: transparent;
   }

   .custome-link:hover {
      background-color: transparent;
   }

   .dashboardcard .card {
      height: 200px;
      margin-bottom: 8px;
   }

   .modal-heading {
      font-size: 0.7rem;
      font-weight: 600;
      color: #000;
      margin: 0;
   }

   .modal-heading i.fa {
      font-size: 0.7rem;
      text-transform: capitalize;
   }

   .saleheading {
      font-size: 0.8rem;
      font-weight: 500;
      color: #000;
   }

   .sale-amount {
      font-size: 0.9rem;
      font-weight: 500;
      color: #000;
   }

   .modal-icons i {
      color: #212529;
   }

   .condidate-details h5,
   .condidate-details p {
      font-size: 0.6rem;
   }

   .condidate-details h5 {
      font-weight: 550;
      color: #212529;
   }

   .amount-info p {
      font-size: 0.6rem;
      font-weight: 500;
      text-transform: capitalize;
   }

   #loading-indicator {
      display: none;
   }

   .spinner-border {
      width: 3rem;
      height: 3rem;
   }

   #CandidateSaleDetails .modal-title {
      font-size: 0.8rem;
      font-weight: 400;
   }

   .graphs {
      width: 100%;
      height: 200px;
   }

   #ComplantChart .google-visualization-title {
      text-align: center;
      /* Center-align the title */
      color: red;
      /* Change the color of the title */
   }

   .changeColor {
      color: #ffc107;
   }

   #SharingDataTable td {
      font-size: 0.6rem;
   }
</style>
<div class="container-fluid main mb-4">
   <div class="modal fade" id="CandidateSaleDetails" tabindex="-1">
      <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
         <div class="modal-content">
            <div class="modal-header">
               <h5 class="modal-title text-center" id="CandidateSaleDetailsLabel">Candidate Sale Details</h5>
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
               <div id="loading-indicator" class="text-center mt-3">
                  <!-- Loading indicator content goes here -->
                  <div class="spinner-border text-primary" role="status">
                     <span class="visually-hidden">Loading...</span>
                  </div>
               </div>
               <div class="card border-0 shadow rounded-2 mt-1 mb-2">
                  <div id="SaleInfoBody" class="card-body p-1">
                     <div class="d-flex justify-content-between">
                        <div class="">
                           <h5 class="modal-heading mb-1" id="candidateName1"></h5>
                           <h5 class="modal-heading mb-1" id="candidateMobile1"><i class="fas fa-phone me-2"></i><span id=""></span></h5>
                        </div>
                        <div>
                           <h5 class="modal-heading mb-1 " style="color:green;text-transform:capitalize;" id="mainSalesText"><i id="iconChange" class="fa-solid fa-arrow-down-long me-2"></i> <span id="salesTextShow"></span><i class="fa-solid fa-indian-rupee-sign ms-1 me-1"></i> <span id="CandidateTotalRemaningAmount"></span></h5>
                           <h5 class="modal-heading mb-1">No credit limit set</h5>
                        </div>
                     </div>
                     <div class="d-flex justify-content-evenly mt-4">
                        <div class="">
                           <h5 class="modal-heading text-center" style="color:blue"><i class="fa-solid fa-bell me-2"></i>Send Reminder<h5>
                        </div>
                        <div class="">
                           <h5 class="modal-heading text-center" style="color:blue"><i class="fa-regular fa-calendar-days me-2"></i>Send Statement<h5>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- componet 1 -->
   <div class="container-fluid bg-gradient rounded-2 mt-4  shadow-lg">
      <div class="row  g-2 h-75  dashboardcard">
         <div class="col-sm-12 col-lg-3 col-md-6">
            @php
            $totalroom = DB::table('roomseats')->count('roomno');
            @endphp
            <div id="card1" class="card component  bg-gradient border-0 d-none">
               <div class="card-body ">
                  <div class="row gap-4">
                     <div class="col-md-5 shadow p-1 rounded" style="margin-left:10px;">
                        <h2 class="heading ">Total Room <span class="text-success" style="font-size: 14px;font-weight: 600;padding-left:6px;"> &nbsp;&nbsp; &nbsp;: {{ $totalroom }}</span></h2>
                        <h2 class="heading ">Engaged Room<span style="font-size: 14px;font-weight: 600;color:#ffa500"> : {{$engagedroom}}</span></h2>
                        <!--<p class="number "></p>-->
                     </div>
                     <div class="col-md-5 shadow p-1 rounded">
                        <h2 class="heading">Total Seats<span class="text-success" style="font-size: 14px;font-weight: 600;padding-left:10px;"> &nbsp;&nbsp; : {{ $totalseats }}</span></h2>
                        <h2 class="heading">Engaged Seats<span style="font-size: 14px;font-weight: 600;color:#ffa500"> : {{$engagedseats}}</span></h2>
                        <!--<p class="number ">{{ $totalseats }}</p>-->
                     </div>

                     <div class="img-cpt1 mt-1">
                        <span class="fs-1 fw-bold"><i class="fa-solid fa-bed fa-lg"></i></span>
                        <a href="{{url('room_seat')}}" style="text-decoration:none;">
                           <h1 class="main-heading">ROOM-SEATS</h1>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- component 2 -->
         <div class="col-sm-12 col-lg-3 col-md-6">
            <div id="card2" class="card  component border-0 shadow-sm  bg-gradient d-none">
               <div class="card-body">
                  <div class="row gap-4">
                     <div class="col-md-5 shadow p-2 rounded" style="margin-left:10px;">
                        <h2 class="heading text-center ">Total Reg.<span class="text-success" style="font-size: 14px;font-weight: 600;"> : {{ $studentregister }}</span></h2>
                        <!--<p class="number ">{{ $studentregister }}</p>-->
                     </div>
                     <div class="col-md-5 p-2 shadow rounded">
                        <h2 class="heading text-center">This Month <span class="text-success" style="font-size: 14px;font-weight: 600;"> : {{$count}} </span> </h2>
                     </div>
                     <div class="img-cpt mt-2">
                        <span class="fs-1"><i class="fa fa-regular fa-address-card fa-lg"></i>
                        </span>
                        <a href="{{url('registerform')}}" style="text-decoration:none;">
                           <h1 class="main-heading">REGISTRATION</h1>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- component 4 -->
         <div class="col-sm-12  col-lg-3 col-md-6">
            <div id="card3" class="card  component border-0 shadow-sm  bg-gradient d-none">
               <div class="card-body">
                  <div class="row gap-4">
                     @php
                     $totalExpense = DB::table('expenses')
                     ->join('expensedetails', 'expenses.id', '=', 'expensedetails.category_id')
                     ->select(DB::raw('SUM(expensedetails.amount) as total'))
                     ->value('total');
                     if($totalExpense=='')
                     {
                     $totalExpense = 0;
                     }
                     @endphp
                     <div class="col-md-5 shadow rounded p-1" style="margin-left:10px;">
                        <h2 class="heading text-center">Total</h2>
                        <h2 class="heading"><span class="text-success text-center d-block" style="font-size: 14px;font-weight: 600;">₹ {{$totalExpense}} </span></h2>
                     </div>
                     <div class="col-md-5 shadow rounded p-1">
                        <h2 class="heading text-center">This Month</h2>
                        <h2 class="heading"><span class="text-success text-center d-block" style="font-size:14px;font-weight: 600;">₹ {{$totalAmount}} </span></h2>
                     </div>
                     <div class="img-cpt mt-1">
                        <span class="fs-1"><i class="fa-sharp fa-solid fa-hand-holding-dollar"></i>
                        </span>
                        <a href="{{url('expenses')}}" style="text-decoration:none;">
                           <h1 class="main-heading">EXPENSES</h1>
                        </a>
                     </div>
                  </div>

               </div>
            </div>
         </div>
         <div class="col-lg-3 col-md-6 col-sm-12">
            <div id="card4" class="card  component border-0 shadow-sm  bg-gradient d-none">
               <div class="card-body">
                  <div class="c-head mx-2   justify-content-between">
                     <div class="row gap-4">
                        <div class="col-md-5 shadow rounded p-2" style="margin-left:10px;">
                           <h2 class="heading text-center"><span style="font-size: 14px;font-weight: 600;"><a href="{{url('expenses_report')}}" style="text-decoration:none;color:#ffc107;">Expenses </a> </span></h2>
                        </div>
                        <div class="col-md-5 shadow rounded p-2">
                           <h2 class="heading text-center"><span class="text-success" style="font-size: 14px;font-weight: 600; padding-right:9px;"><a href="{{url('SalesReports')}}" style="text-decoration:none;color:#65e1e1;">Sale </a> </span></h2>
                        </div>
                        <div class="img-cpt mt-2">
                           <span class="fs-1 fw-bold">
                              <i class="fa fa-solid fa-chart-line fa-lg"></i>
                           </span>
                           <h1 class="main-heading">REPORTS</h1>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- slide crosel -->
   <div class="container m-0 p-4 d-flex justify-content-center align-items-center">
      <div class="container-fluid quickAction m-0 p-0">
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{route('emp_attendance.view')}}">ATTENDACE</a></div>
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{url('StockManagement')}}">STOCK MANAGEMENT</a></div>
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{route('electicity.view')}}">ElECTRICITY BILLS</a></div>
         @if(in_array("AddExpenses",$permissionArray) && $userRoll != "Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{url('expenses')}}">ADD EXPENSES</a></div>
         @elseif($userRoll=="Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{url('expenses')}}">ADD EXPENSES</a></div>
         @endif

         @if(in_array("TakePayment",$permissionArray) && $userRoll != "Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{url('sale#TakePayment')}}">TAKE PAYMENT</a></div>
         @elseif($userRoll=="Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{url('sale#TakePayment')}}">TAKE PAYMENT</a></div>
         @endif
         @if(in_array("AddMenu",$permissionArray) && $userRoll != "Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{url('addmenu')}}">ADD MENU</a></li>
         </div>
         @elseif($userRoll=="Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" href="{{url('addmenu')}}">ADD MENU</a></li>
         </div>
         @endif
         @if(in_array("Booking",$permissionArray) && $userRoll != "Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" data-bs-toggle="modal" data-bs-target="#uploadModalsbooking" type="button">BOOKING</a></div>
         @elseif($userRoll=="Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"><a class="nav-link" data-bs-toggle="modal" data-bs-target="#uploadModalsbooking" type="button">BOOKING</a></div>
         @endif
         @if(in_array("AddSale",$permissionArray) && $userRoll != "Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"> <a class="nav-link" href="{{url('sale')}}">ADD SALE</a></div>
         @elseif($userRoll=="Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium rounded-3 shadow-sm"> <a class="nav-link" href="{{url('sale')}}">ADD SALE</a></div>
         @endif
         @if(in_array("AddItems",$permissionArray) && $userRoll != "Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium  rounded-3 shadow-sm"><a class="nav-link" href="{{url('additem')}}"> ADD ITEMS</a></div>
         @elseif($userRoll=="Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium  rounded-3 shadow-sm"><a class="nav-link" href="{{url('additem')}}"> ADD ITEMS</a></div>
         @endif
         @if(in_array("Uploads",$permissionArray) && $userRoll != "Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium  rounded-3 shadow-sm"><a class="nav-link" href="{{('galleryupload')}}">UPLOADS</a></div>
         @elseif($userRoll=="Admin")
         <div class="text-center container quick_action  p-lg-2   fw-medium  rounded-3 shadow-sm"><a class="nav-link" href="{{('galleryupload')}}">UPLOADS</a></div>
         @endif
      </div>
   </div>
</div>
<!-- business Analitics -->
<div class="container-fluid  bg-gradient rounded-2 shadow mt-1">
   <div id="SalesContent" class="container-fluid d-none">
      <div class="row g-3 g-md-3">
         <div id="table-box" class="col-lg-4">
            <div class="container d-flex justify-content-between mb-3 p-1 align-items-center">
               <div class="card  border-0 shadow bg-white h-100 table-card">