@extends('layouts.app')
@section('title','Stock In')
@section('page_title','ذخیره اضافه کول - ساده Purchase')

@section('content')
<form method="POST" action="{{ route('purchases.store') }}">
@csrf
<input type="hidden" name="exchange_rate" value="1">
<div class="row g-3">
    <div class="col-lg-8">
        <div class="top-card">
            <h5 class="fw-bold mb-1"><i class="fa-solid fa-truck-droplet text-success"></i> د سپلایر څخه ذخیره اضافه کول</h5>
            <p class="mini-help mb-3">د خرید قیمت هم له تنظیماتو راځي. که قیمت بدل وي، د Settings څخه یې بدل کړئ.</p>
            <div class="row g-3">
                <div class="col-md-4"><label class="easy-label required">تاریخ</label><input type="date" name="purchase_date" value="{{ date('Y-m-d') }}" class="form-control form-control-lg" required></div>
                <div class="col-md-4"><label class="easy-label required">سپلایر</label><select name="supplier_id" class="form-select form-select-lg" required>@foreach($suppliers as $supplier)<option value="{{ $supplier->id }}">{{ $supplier->name }}</option>@endforeach</select></div>
                <div class="col-md-4"><label class="easy-label required">کرنسي</label><select name="currency_id" class="form-select form-select-lg" required>@foreach($currencies as $currency)<option value="{{ $currency->id }}">{{ $currency->code }}</option>@endforeach</select></div>

                <div class="col-md-4"><label class="easy-label required">تیل</label><select name="fuel_type_id" id="purchase_fuel_type" class="form-select form-select-lg" required onchange="fuelChanged()">@foreach($fuelTypes as $fuel)<option value="{{ $fuel->id }}" data-price="{{ $fuel->purchase_price }}" data-unit="{{ $fuel->unit }}">{{ $fuel->name_ps ?: $fuel->name_en }}</option>@endforeach</select></div>
                <div class="col-md-4"><label class="easy-label">کیفیت</label><select name="fuel_quality_id" class="form-select form-select-lg"><option value="">Normal</option>@foreach($qualities as $quality)<option value="{{ $quality->id }}">{{ $quality->name }} - {{ $quality->fuelType->name_en ?? '' }}</option>@endforeach</select></div>
                <div class="col-md-4"><label class="easy-label required">ټانک</label><select name="tank_id" id="purchase_tank_id" class="form-select form-select-lg" required>@foreach($tanks as $tank)<option value="{{ $tank->id }}" data-fuel="{{ $tank->fuel_type_id }}">{{ $tank->name }} | Stock {{ number_format($tank->current_qty,2) }}</option>@endforeach</select></div>

                <div class="col-md-4"><label class="easy-label required">د مال مالک</label><select name="owner_type" id="owner_type" class="form-select form-select-lg" onchange="document.getElementById('purchase_customer_box').classList.toggle('d-none',this.value!=='customer')"><option value="own">زموږ مال</option><option value="customer">د مشتری/خلکو مال</option></select></div>
                <div class="col-md-4 d-none" id="purchase_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-4"><label class="easy-label">ټانکر نمبر</label><input name="tanker_no" class="form-control form-control-lg"></div>

                <div class="col-md-4"><label class="easy-label required">اندازه</label><input type="number" step="0.001" name="quantity" id="pqty" class="form-control form-control-lg" required oninput="pcalc()"></div>
                <div class="col-md-4"><label class="easy-label">تعریف شوی خرید قیمت</label><div class="form-control form-control-lg bg-light fw-bold" id="purchasePriceText">0</div></div>
                <div class="col-md-4"><label class="easy-label required">ورکړل شوې پیسې</label><input type="number" step="0.01" name="paid_amount" id="ppaid" value="0" class="form-control form-control-lg" required oninput="pcalc()"></div>

                <div class="col-md-4"><label class="easy-label">ډرایور</label><input name="driver_name" class="form-control form-control-lg"></div>
                <div class="col-md-8"><label class="easy-label">یادښت</label><input name="notes" class="form-control form-control-lg" placeholder="اختیاري یادښت"></div>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="top-card sticky-top" style="top:18px">
            <h5 class="fw-bold"><i class="fa-solid fa-oil-can text-success"></i> حساب</h5>
            <div class="summary-box mt-3">
                <div class="d-flex justify-content-between"><span>ټول مبلغ</span><strong id="ptotalText">0.00</strong></div>
                <div class="d-flex justify-content-between text-danger"><span>باقي</span><strong id="pdueText">0.00</strong></div>
            </div>
            <button class="btn btn-success btn-lg w-100 mt-3"><i class="fa-solid fa-save"></i> Save / Stock زیات کړه</button>
            <a class="btn btn-light btn-lg w-100 mt-2" href="{{ route('dashboard') }}"><i class="fa-solid fa-house"></i> کور پاڼه</a>
            <div class="alert alert-info mt-3 mb-0">Purchase Save شي، ذخیره اتومات زیاتېږي.</div>
        </div>
    </div>
</div>
</form>
@endsection

@push('js')
<script>
let purchaseRate = 0;
function fuelChanged(){
    let fuel = document.getElementById('purchase_fuel_type');
    let opt = fuel.selectedOptions[0];
    purchaseRate = parseFloat(opt.dataset.price || 0);
    document.getElementById('purchasePriceText').innerText = purchaseRate.toFixed(2) + ' / ' + (opt.dataset.unit || '');
    filterPurchaseTanks();
    pcalc();
}
function pcalc(){
    let total = (parseFloat(document.getElementById('pqty').value)||0) * purchaseRate;
    let paid = parseFloat(document.getElementById('ppaid').value)||0;
    document.getElementById('ptotalText').innerText = total.toFixed(2);
    document.getElementById('pdueText').innerText = Math.max(total-paid,0).toFixed(2);
}
function filterPurchaseTanks(){
    let id = document.getElementById('purchase_fuel_type').value;
    let tank = document.getElementById('purchase_tank_id');
    let first = '';
    [...tank.options].forEach(o => { let ok = o.dataset.fuel == id; o.hidden = !ok; if(ok && !first) first = o.value; });
    tank.value = first;
}
fuelChanged();
</script>
@endpush