@php
$userRole = auth()->user()->roles[0]->id;
$page_name = 'Dashboard';
@endphp
@include('partial.header')

@php 
$box_1 = 'primary';
$box_2 = 'blue';
$box_3 = 'red';
$box_4 = 'yellow';
$box_5 = 'secondary';
$box_0 = 'green';
$count = 1;

// Dummy User Data (Replace with actual dynamic data)
$user = auth()->user();
$userInitial = strtoupper(substr($user->name, 0, 1)); 
$balance = 0; // Replace with dynamic balance
$limit = 0; // Replace with dynamic limit
@endphp 
@include('partial.loader')
<div class="container-fluid mobile-container">
    <div class="main-container">
        

        <!-- Content wrapper start -->
        <div class="content-wrapper">
            @if (session('message'))
                <div class="alert alert-danger">{{ session('message') }}</div>
            @endif
            <!-- Profile Section Start -->
             <div class="fixed-profile">
                <div class="profile-card">
                    <div class="d-flex align-items-center">
                        <!-- User Avatar -->
                        <div class="avatar-circle">
                            <span class="avatar-text">{{ $userInitial }}</span>
                        </div>
                        <!-- User Info -->
                        <div class="ml-3 flex-grow-1">
                            <h5 class="user-name">Hi, {{ $user->name }}</h5>
                            <p class="mobile-number">Mobile: {{ $user->phone ?? 'N/A' }}</p>
                        </div>
                        <!-- Role Badge -->
                        <span class="role-badge">Super Admin</span>
                    </div>
                    <!-- Balance and Limit -->
                    <div class="balance-limit d-flex justify-content-between mt-2">
                        <span>Balance: <strong class="text-success">{{ number_format($balance, 2) }}</strong></span>
                        <span>Limit: <strong class="text-danger">{{ number_format($limit, 2) }}</strong></span>
                    </div>
                </div>
             </div>
            
            <!-- Profile Section End -->

            <div style="margin-top: 204px;" class="row gutters">
                @if ($shifts)
                    @foreach ($shifts as $val)
                        @if ($val['declare_number'] && $val['shift_date']==$date)
                                <div style="cursor: pointer;" data-id="{{$val['id']}}"  onclick="ShiftAction(this)" class="col-xl-3 col-lg-3 col-md-4 col-sm-4 col-6">
                                    <div class="hospital-tiles {{ ${'box_'.$count%6} }}">
                                        <h5 class="status-title">{{ $val['shift_name'] }}</h5>
                                        <div class="border-top my-1"></div>
                                        <div class="row">
                                            <div class="col-md-12 text-center">
                                                <h5 class="status-title">
                                                    DATE : {{ date('d/m/Y', strtotime($val['shift_date'])) }}
                                                </h5>
                                            </div>
                                        </div>
                                        <div class="border-top my-1"></div>
                                        <div class="row">
                                            <div class="col-md-12 text-center">
                                                <h5 class="status-title">
                                                    RESULT :{{ $val['declare_number'] }}</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        @else
                            <div style="cursor: pointer;" data-id="{{$val['id']}}" onclick="ShiftAction(this)" class="col-xl-3 col-lg-3 col-md-4 col-sm-4 col-6">
                                <div class="hospital-tiles {{ ${'box_'.$count%6} }}">
                                    <h5 class="status-title">{{ $val['shift_name'] }}</h5>
                                    <div class="border-top my-1"></div>
                                    <div class="row">
                                        <div class="col-md-10 text-left"> <h5 class="status-title">SALE <span style="float: right;" >{{ round($shiftTotalData[$val['id']]) ?? 0 }}</span></h5></div>
                                        
                                    </div>
                                    <div class="border-top my-1"></div>
                                    <div class="row">
                                        <div class="col-md-10 text-left">  <h5 class="status-title">COLL <span style="float: right;">{{ $shiftTotalSale[$val['id']] ?? 0 }}</span></h5></div>
                                        
                                    </div>
                                </div>
                            </div>
                        @endif
                    @php $count++; @endphp
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</div>

@include('site.mobile.layout.navbar')
@include('partial.footer')
<style>
    .container-fluid{
        padding-right: 0px;
        padding-left: 0px;
    }
    .header{
        padding-right: 15px;
        padding-left: 15px;
    }
    .gutters > .col, .gutters > [class*="col-"]
    {
        padding-right: 3px;
        padding-left: 3px;
    }
    
    </style>
<script>
    function ShiftAction(curr) {
        let obj = $(curr);
        window.location.href = "/txns_mobile/"+obj.data("id");
    }
    </script>