@extends('AdminLte.template')

@section('title', __($freezeOption ? 'Freeze Supplier Ledger' : 'Supplier Ledger'))
@section('ExternalCss')
@parent
<style>
    .supplier-ledger-input { padding-top: 15px; }
    .supplier-ledger-input .ledger-filter-row { margin: 20px 0; }
    .supplier-ledger-input label { margin: 0 5px; }
    #supplierName { width: 350px; max-width: 90%; }
    .ui-autocomplete { max-height: 280px; overflow-y: auto; overflow-x: hidden; }
    .table tr > td, .table tr th { border: 1px solid !important; }
</style>
@endsection

@section('Content')
<div class="col-md-12 txtCenter supplier-ledger-input">
    <h3>{{ __($freezeOption ? 'Freeze Supplier Ledger' : 'Supplier Ledger') }}</h3>
    @if ($errors->any())
        <div class="alert alert-danger txtLeft" role="alert">
            <ul>@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
        </div>
    @endif
    <form method="{{ $freezeOption ? 'POST' : 'GET' }}" action="{{ route($freezeOption ? 'supplier-ledger.freeze' : 'supplier-ledger.report') }}" id="supplierLedgerForm" autocomplete="off">
        @if ($freezeOption) @csrf @endif
        <div class="ledger-filter-row">
            <label class="inputType" for="fromDate">{{ __('From') }} :</label>
            <input class="inputType borderNone borderBottom blue noPadding" type="date" id="fromDate" name="fromDate" value="{{ old('fromDate', $fromDate) }}" required>
            &nbsp;
            <label class="inputType" for="toDate">{{ __('To') }} :</label>
            <input class="inputType borderNone borderBottom blue noPadding" type="date" id="toDate" name="toDate" value="{{ old('toDate', $toDate) }}" required>
        </div>

        <div class="ledger-filter-row">
            <label class="inputType" for="supplierName">{{ __('Supplier') }} :</label>
            <input type="text" class="inputType borderNone borderBottom blue noPadding" id="supplierName" name="supplierName"
                value="{{ old('supplierName', $supplierName) }}" placeholder="{{ __('Type supplier name or code') }}"
                data-selection-message="{{ __('Select a supplier from the suggestions, or clear the field for all suppliers.') }}" aria-describedby="supplierHelp">
            <input type="hidden" name="supplierId" id="supplierId" value="{{ old('supplierId', $supplierId) }}">
        </div>
        @if ($freezeOption)
            @if (!$freezeAvailable)
                <div class="alert alert-warning">{{ __('Install the vendor opening balance database update before freezing.') }}</div>
            @endif
            <div class="ledger-filter-row">
                <label class="inputType" for="isFreeze">
                    <input type="checkbox" id="isFreeze" name="isFreeze" value="1" {{ old('isFreeze') ? 'checked' : '' }} {{ !$freezeAvailable ? 'disabled' : '' }}>
                    {{ __('Freeze the Ledger') }}
                </label>
<!--                <p class="fontsize12">{{ __('Freeze one or more completed months: start on the first day and end on the last day. Without Freeze, any report date range is allowed.') }}</p>
                <p class="fontsize12">{{ __('Freezing saves a balance snapshot; transactions remain editable. Re-freeze from the earliest changed month to recalculate. Affected and later snapshots for the selected suppliers will be replaced by this new closing balance.') }}</p>-->
            </div>
        @endif
        <button type="submit" class="btn btn-success btn-sm">{{ __('Submit') }}</button>
        <a href="{{ route($freezeOption ? 'supplier-ledger.freeze-input' : 'supplier-ledger') }}" class="btn btn-danger btn-sm">{{ __('Reset') }}</a>
    </form>
        <br/>
        <h4>{{ __('Latest Freezing Summary') }}</h4>
        <div class="table-responsive">
            <table class="table table-bordered commonFontSize" align="center" style="width: 50%;">
                <thead><tr>
                        <th class="text-center">{{ __('Last Freezing Month') }}</th>
                    <th class="txtRight">{{ __('Closing Balance') }}</th>
                    <th class="text-center">{{ __('Frozen By') }}</th>
                </tr></thead>
                <tbody>
                @forelse ($freezeHistory as $freeze)
                    <tr>
                        <td>{{ \Carbon\Carbon::parse($freeze->frozen_through)->format('F Y') }}</td>
                        <td class="txtRight">{{ \Helper::customAmountFormat($freeze->opening_amount) }}</td>
                        <td>{{ $freeze->frozen_by }}</td>
                    </tr>
                @empty
                    <tr><td colspan="3">{{ __('No frozen balances found.') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
</div>
@endsection

@section('ExternalJs')
<script>
    window.supplierLedgerSuppliers = @json($supplierOptions);
</script>
<script src="{{ asset("/js/supplier_ledger.js?$releaseVersion") }}"></script>
@endsection