@extends('layouts.app')
@section('title','Simple Stock')
@section('page_title','ذخیره - Add / Edit')

@section('content')
<div class="row g-3 mb-3">
    @foreach($tanks as $tank)
    <div class="col-md-4">
        <div class="top-card 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-2 text-success"></i>
            </div>
            @php $percent = $tank->capacity > 0 ? min(100, ($tank->current_qty / $tank->capacity) * 100) : 0; @endphp
            <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 class="row g-3">
    <div class="col-lg-6">
        <form method="POST" action="{{ route('stock.add') }}" class="top-card h-100">
            @csrf
            <h5 class="fw-bold"><i class="fa-solid fa-circle-plus text-success"></i> ذخیره اضافه کول</h5>
            <p class="mini-help">د شروع ذخیره یا اضافي مال لپاره. عادي خرید لپاره Purchase استعمال کړئ.</p>
            <div class="row g-3">
                <div class="col-md-6"><label class="easy-label required">تاریخ</label><input type="date" name="stock_date" value="{{ date('Y-m-d') }}" class="form-control form-control-lg" required></div>
                <div class="col-md-6"><label class="easy-label required">ټانک</label><select name="tank_id" class="form-select form-select-lg" required>@foreach($tanks as $tank)<option value="{{ $tank->id }}" @selected($selectedTankId == $tank->id)>{{ $tank->name }}</option>@endforeach</select></div>
                <div class="col-md-6"><label class="easy-label required">مالک</label><select name="owner_type" id="stock_owner_type" class="form-select form-select-lg" onchange="document.getElementById('stock_customer_box').classList.toggle('d-none',this.value!=='customer')"><option value="own">زموږ مال</option><option value="customer">د خلکو/مشتری مال</option></select></div>
                <div class="col-md-6 d-none" id="stock_customer_box"><label class="easy-label">مشتری</label><select name="customer_id" class="form-select form-select-lg"><option value="">انتخاب</option>@foreach($customers as $customer)<option value="{{ $customer->id }}">{{ $customer->name }}</option>@endforeach</select></div>
                <div class="col-md-6"><label class="easy-label required">څومره اضافه شي؟</label><input type="number" step="0.001" name="quantity" class="form-control form-control-lg" required></div>
                <div class="col-md-6"><label class="easy-label">یادښت</label><input name="notes" class="form-control form-control-lg" placeholder="سبب"></div>
                <div class="col-12"><button class="btn btn-success btn-lg w-100"><i class="fa-solid fa-save"></i> ذخیره Save کړه</button></div>
            </div>
        </form>
    </div>
    <div class="col-lg-6">
        <form method="POST" action="{{ route('stock.correct') }}" class="top-card h-100">
            @csrf
            <h5 class="fw-bold"><i class="fa-solid fa-pen-to-square text-warning"></i> ذخیره سمه کول</h5>
            <p class="mini-help">که په ټانک کې اصلي اندازه فرق ولري، دلته صحیح اندازه ولیکئ.</p>
            <div class="row g-3">
                <div class="col-md-6"><label class="easy-label required">تاریخ</label><input type="date" name="stock_date" value="{{ date('Y-m-d') }}" class="form-control form-control-lg" required></div>
                <div class="col-md-6"><label class="easy-label required">ټانک</label><select name="tank_id" id="manage_correct_tank" class="form-select form-select-lg" required onchange="manageFillCorrectStock()">@foreach($tanks as $tank)<option value="{{ $tank->id }}" @selected($selectedTankId == $tank->id) data-own="{{ $tank->own_qty }}" data-customer="{{ $tank->customer_qty }}">{{ $tank->name }}</option>@endforeach</select></div>
                <div class="col-md-6"><label class="easy-label required">زموږ صحیح اندازه</label><input type="number" step="0.001" name="own_qty" id="manage_correct_own" class="form-control form-control-lg" required></div>
                <div class="col-md-6"><label class="easy-label required">د خلکو صحیح اندازه</label><input type="number" step="0.001" name="customer_qty" id="manage_correct_customer" class="form-control form-control-lg" required></div>
                <div class="col-12"><label class="easy-label">یادښت</label><input name="notes" class="form-control form-control-lg" placeholder="سبب"></div>
                <div class="col-12"><button class="btn btn-warning btn-lg w-100"><i class="fa-solid fa-check"></i> صحیح اندازه Save کړه</button></div>
            </div>
        </form>
    </div>
</div>

<div class="top-card mt-3">
    <h5 class="fw-bold mb-3">وروستي د ذخیرې حرکتونه</h5>
    <div class="table-responsive">
        <table class="table align-middle">
            <thead><tr><th>تاریخ</th><th>ټانک</th><th>داخل</th><th>خارج</th><th>باقي</th><th>یادښت</th></tr></thead>
            <tbody>
                @forelse($recentLedgers as $ledger)
                <tr><td>{{ $ledger->ledger_date }}</td><td>{{ $ledger->tank?->name }}</td><td class="text-success fw-bold">{{ number_format($ledger->qty_in,3) }}</td><td class="text-danger fw-bold">{{ number_format($ledger->qty_out,3) }}</td><td>{{ number_format($ledger->balance,3) }}</td><td>{{ $ledger->notes }}</td></tr>
                @empty
                <tr><td colspan="6" class="text-muted">تر اوسه حرکت نشته.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection

@push('js')
<script>
function manageFillCorrectStock(){let o=manage_correct_tank.selectedOptions[0];if(o){manage_correct_own.value=parseFloat(o.dataset.own||0).toFixed(3);manage_correct_customer.value=parseFloat(o.dataset.customer||0).toFixed(3)}}
manageFillCorrectStock();
</script>
@endpush