@extends('layouts.app')
@section('title','Simple Dashboard')
@section('page_title','ساده کور پاڼه')

@section('content')
<div class="row g-3 mb-3">
    @if(auth()->user()?->hasPermission('pos_sale'))
    <div class="col-md-6 col-xl-3">
        <a class="big-action bg-sale" href="{{ route('fuel-sales.create') }}">
            <i class="fa-solid fa-gas-pump"></i>
            <div><div class="title">تیل خرڅول</div><div class="subtext">Fuel انتخاب کړه، اندازه ولیکه، Save & Print</div></div>
        </a>
    </div>
    @endif
    @if(auth()->user()?->hasPermission('purchase'))
    <div class="col-md-6 col-xl-3">
        <a class="big-action bg-stock" href="{{ route('purchases.create') }}">
            <i class="fa-solid fa-truck-droplet"></i>
            <div><div class="title">ذخیره اضافه کول</div><div class="subtext">Purchase/Stock In؛ ذخیره اتومات زیاتېږي</div></div>
        </a>
    </div>
    @endif
    @if(auth()->user()?->hasPermission('customers'))
    <div class="col-md-6 col-xl-3">
        <a class="big-action bg-customer" href="{{ route('customers.index') }}">
            <i class="fa-solid fa-users"></i>
            <div><div class="title">مشتریان</div><div class="subtext">حسابي مشتریان او پورونه</div></div>
        </a>
    </div>
    @endif
    @if(auth()->user()?->hasPermission('reports'))
    <div class="col-md-6 col-xl-3">
        <a class="big-action bg-report" href="{{ route('reports.daily-sales') }}">
            <i class="fa-solid fa-chart-simple"></i>
            <div><div class="title">راپورونه</div><div class="subtext">ورځنی خرڅلاو، ذخیره او ګټه</div></div>
        </a>
    </div>
    @endif
</div>

<div class="row g-3 mb-3">
    <div class="col-md-3"><div class="top-card h-100"><small class="text-muted">نن خرڅلاو</small><div class="amount-big">{{ number_format($todaySales,2) }}</div></div></div>
    <div class="col-md-3"><div class="top-card h-100"><small class="text-muted">نقد پیسې</small><div class="amount-big">{{ number_format($todayCash,2) }}</div></div></div>
    <div class="col-md-3"><div class="top-card h-100"><small class="text-muted">پور خرڅلاو</small><div class="amount-big text-warning">{{ number_format($todayCredit,2) }}</div></div></div>
    <div class="col-md-3"><div class="top-card h-100"><small class="text-muted">مصارف</small><div class="amount-big text-danger">{{ number_format($todayExpenses,2) }}</div></div></div>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="top-card h-100">
            <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
                <div>
                    <h5 class="fw-bold mb-1"><i class="fa-solid fa-oil-can text-success"></i> د ټانکونو ذخیره</h5>
                    <small class="text-muted">Sale ذخیره کموي، Purchase ذخیره زیاتوي.</small>
                </div>
                @if(auth()->user()?->hasPermission('stock'))
                    <a href="{{ route('tanks.index') }}" class="btn btn-outline-success"><i class="fa-solid fa-eye"></i> ذخیره کتل</a>
                @endif
            </div>
            <div class="row g-3">
                @foreach($tanks as $tank)
                    @php $percent = $tank->capacity > 0 ? min(100, ($tank->current_qty / $tank->capacity) * 100) : 0; @endphp
                    <div class="col-md-6">
                        <div class="summary-box h-100">
                            <div class="d-flex justify-content-between align-items-start">
                                <div>
                                    <h5 class="fw-bold mb-1">{{ $tank->name }}</h5>
                                    <span class="stock-pill">{{ $tank->fuelType?->name_ps ?: $tank->fuelType?->name_en }}</span>
                                </div>
                                <i class="fa-solid fa-oil-can fs-3 text-success"></i>
                            </div>
                            <div class="progress my-3" style="height:14px"><div class="progress-bar bg-success" style="width:{{ $percent }}%"></div></div>
                            <div class="d-flex justify-content-between"><span>ټوله ذخیره</span><strong>{{ number_format($tank->current_qty,2) }}</strong></div>
                            <div class="d-flex justify-content-between"><span>زموږ مال</span><strong>{{ number_format($tank->own_qty,2) }}</strong></div>
                            <div class="d-flex justify-content-between"><span>د خلکو مال</span><strong>{{ number_format($tank->customer_qty,2) }}</strong></div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="top-card h-100">
            <h5 class="fw-bold mb-3"><i class="fa-solid fa-circle-info text-success"></i> د کار طریقه</h5>
            <div class="alert alert-success">۱) د خرڅلاو لپاره یوازې <strong>تیل انتخاب</strong> کړئ؛ قیمت اتومات راځي.</div>
            <div class="alert alert-info">۲) د مېټر Start/End ولیکئ، اندازه اتومات حسابېږي. یا مستقیم Quantity ولیکئ.</div>
            <div class="alert alert-warning">۳) د سپلایر څخه مال راوړئ، Purchase وکړئ؛ Stock اتومات زیاتېږي.</div>
            @if(auth()->user()?->hasPermission('settings'))
                <a class="btn btn-outline-dark w-100" href="{{ route('settings.edit') }}"><i class="fa-solid fa-gear"></i> قیمتونه بدلول</a>
            @endif
        </div>
    </div>
</div>

<div class="top-card mt-3">
    <h5 class="fw-bold">وروستي ۷ ورځې خرڅلاو</h5>
    <canvas id="salesChart" height="90"></canvas>
</div>
@endsection

@push('js')
<script>
new Chart(document.getElementById('salesChart'),{
    type:'line',
    data:{labels:@json($last7DaysSales->pluck('sale_date')),datasets:[{label:'Sales',data:@json($last7DaysSales->pluck('total')),tension:.35}]},
    options:{plugins:{legend:{display:false}},scales:{y:{beginAtZero:true}}}
});
</script>
@endpush