@extends('AdminLte.template')

@section('title', 'Purchase using CSV')

@section('Content')
<div class="container-fluid" style="padding:20px">
    <h3 class="txtCenter">Purchase using CSV</h3>
    @if($issues)
        <div class="alert alert-danger" role="alert">
            @foreach($issues as $issue)<div>{{ $issue }}</div>@endforeach
        </div>
    @endif
    @if($savedPurchases)
        <div class="alert alert-success">{{ count($savedPurchases) }} purchase bills saved as pending.</div>
        <table class="table table-bordered table-condensed">
            <thead><tr><th>Supplier</th><th>Invoice No.</th><th>Invoice Date</th><th>THIMS Purchase No.</th><th>Items</th></tr></thead>
            <tbody>
                @foreach($savedPurchases as $saved)
                    <tr><td>{{ $saved['supplier'] }}</td><td>{{ $saved['invoice'] }}</td><td>{{ $saved['date'] }}</td><td>{{ $saved['purchase'] }}</td><td>{{ $saved['items'] }}</td></tr>
                @endforeach
            </tbody>
        </table>
    @endif
    <div style="margin:20px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap">
    <form method="post" action="{{ $submitUrl }}" enctype="multipart/form-data" id="purchaseCsvUpload" class="form-inline" style="margin:0;display:flex;align-items:center;gap:20px;flex-wrap:wrap">
        @csrf
        <input type="hidden" name="action" value="upload">
        <div class="form-group" style="display:flex;align-items:center;gap:8px;margin:0">
            <label for="csvStore" style="margin:0;white-space:nowrap">Store</label>
            <select name="storeCode" id="csvStore" class="form-control" required>
                <option value="">Select store</option>
                @foreach($stores as $store)
                    <option value="{{ $store->gm_code }}" {{ (string) old('storeCode', $upload['store'] ?? '') === (string) $store->gm_code ? 'selected' : '' }}>{{ $store->gm_description }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group" style="display:flex;align-items:center;gap:8px;margin:0">
            <label for="csvFile" style="margin:0;white-space:nowrap">CSV file</label>
            <input type="file" name="file" id="csvFile" accept=".csv,text/csv" style="width:250px" required>
        </div>
        <button type="submit" class="btn btn-primary">Upload</button>
    </form>
    <form method="get" action="{{ route('purchase-using-csv.print') }}" target="_blank" id="purchaseCsvReport" class="form-inline" style="margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap">
        <input type="hidden" name="storeCode" id="csvReportStore">
        <label for="csvFromDate" style="margin:0">From</label>
        <input type="date" name="fromDate" id="csvFromDate" class="form-control" value="{{ $reportDate }}" required>
        <label for="csvToDate" style="margin:0">To</label>
        <input type="date" name="toDate" id="csvToDate" class="form-control" value="{{ $reportDate }}" required>
        <button type="submit" class="btn btn-default">Print</button>
    </form>
    </div>
    @if($preview)
        <h4>{{ $upload['filename'] }} — {{ $preview['store']->gm_description }}</h4>
        <p>{{ $preview['rowCount'] }} item rows; {{ count($preview['bills']) }} bills.</p>
        @if($preview['errors'])
            <div class="alert alert-danger" role="alert" style="max-height:260px;overflow:auto">
                <strong>Correct these issues in the CSV and upload it again. No bills have been saved.</strong>
                @foreach($preview['errors'] as $error)<div>{{ $error }}</div>@endforeach
            </div>
        @endif
        <div class="table-responsive" style="max-height:420px;overflow:auto">
            <table class="table table-bordered table-condensed">
                <thead><tr><th>Supplier Code</th><th>Supplier</th><th>Invoice No.</th><th>Invoice Date</th><th>Items</th><th class="text-right">Bill Total</th></tr></thead>
                <tbody>
                    @foreach($preview['bills'] as $bill)
                        <tr><td>{{ $bill['supplier_code'] }}</td><td>{{ $bill['supplier_name'] }}</td><td>{{ $bill['invoice'] }}</td><td>{{ $bill['date'] }}</td><td>{{ count($bill['lines']) }}</td><td class="text-right">{{ number_format($bill['total'] + $bill['round_off'], 2) }}</td></tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <form method="post" action="{{ $submitUrl }}" id="purchaseCsvSubmit" style="margin-top:15px">
            @csrf
            <input type="hidden" name="action" value="submit">
            <input type="hidden" name="uploadToken" value="{{ $upload['token'] }}">
            <button type="submit" id="csvSubmit" class="btn btn-success" {{ $preview['errors'] || $issues ? 'disabled' : '' }}>Submit</button>
            <span id="csvUploadAgain" class="text-muted">{{ $preview['errors'] ? 'Correct the CSV and upload it again before submitting.' : 'All bills will be saved together.' }}</span>
        </form>
    @endif
</div>
@endsection

@section('ExternalJs')
<script>
document.getElementById('purchaseCsvReport').addEventListener('submit', function () {
    document.getElementById('csvReportStore').value = document.getElementById('csvStore').value;
});
document.getElementById('csvFromDate').addEventListener('change', function () {
    document.getElementById('csvToDate').min = this.value;
});
document.getElementById('purchaseCsvUpload').addEventListener('change', function () {
    var submit = document.getElementById('csvSubmit');
    if (submit) {
        submit.disabled = true;
        document.getElementById('csvUploadAgain').textContent = 'Press Upload again to review the selected store and file.';
    }
});
var purchaseSubmit = document.getElementById('purchaseCsvSubmit');
if (purchaseSubmit) {
    purchaseSubmit.addEventListener('submit', function () {
        document.getElementById('csvSubmit').disabled = true;
    });
}
</script>
@endsection