@extends('layouts.app')
@section('title', __('Vouchers'))
@section('content')
<div class="row g-3">
    <div class="col-lg-4">
        <div class="card"><div class="card-body p-4">
            <h6>{{ __('Create Voucher') }}</h6>
            <form method="POST" action="{{ route('vouchers.store') }}">
                @csrf
                <select name="type" class="form-select mb-2"><option value="receipt">{{ __('Receipt Voucher') }}</option><option value="payment">{{ __('Payment Voucher') }}</option><option value="journal">{{ __('Journal Voucher') }}</option></select>
                <input name="voucher_date" type="date" class="form-control mb-2" value="{{ now()->toDateString() }}">
                <input name="party_name" class="form-control mb-2" placeholder="{{ __('Party Name') }}">
                <input name="account_name" class="form-control mb-2" placeholder="{{ __('Account') }}">
                <input name="amount" type="number" step="0.01" class="form-control mb-2" placeholder="{{ __('Amount') }}" required>
                <select name="currency_code" class="form-select mb-2">@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected($currency->is_default)>{{ $currency->code }}</option>@endforeach</select>
                <textarea name="description" class="form-control mb-2" placeholder="{{ __('Description') }}"></textarea>
                <button class="btn btn-success w-100">{{ __('Save Voucher') }}</button>
            </form>
        </div></div>
    </div>
    <div class="col-lg-8">
        <div class="card"><div class="card-body">
            <table class="table align-middle">
                <thead><tr><th>#</th><th>{{ __('Date') }}</th><th>{{ __('Type') }}</th><th>{{ __('Party') }}</th><th>{{ __('Amount') }}</th><th class="text-end">{{ __('Actions') }}</th></tr></thead>
                <tbody>
                @forelse($vouchers as $voucher)
                    <tr>
                        <td>{{ $voucher->voucher_number }}</td>
                        <td>{{ $voucher->voucher_date->format('d M Y') }}</td>
                        <td>{{ ucfirst($voucher->type) }}</td>
                        <td>{{ $voucher->party_name }}</td>
                        <td>{{ number_format($voucher->amount,2) }} {{ $voucher->currency_code }}</td>
                        <td class="text-end">
                            <button type="button" class="btn btn-light btn-sm" data-mdb-toggle="modal" data-mdb-target="#voucherView{{ $voucher->id }}" title="{{ __('View') }}"><i class="fa-solid fa-eye"></i></button>
                            <button type="button" class="btn btn-light btn-sm" data-mdb-toggle="modal" data-mdb-target="#voucherEdit{{ $voucher->id }}" title="{{ __('Edit') }}"><i class="fa-solid fa-pen"></i></button>
                            <form class="d-inline" method="POST" action="{{ route('vouchers.destroy',$voucher) }}" onsubmit="return confirm('{{ __('Delete this voucher?') }}')">@csrf @method('DELETE')<button class="btn btn-light btn-sm text-danger" title="{{ __('Delete') }}"><i class="fa-solid fa-trash"></i></button></form>
                        </td>
                    </tr>
                    <div class="modal fade" id="voucherView{{ $voucher->id }}" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">{{ __('Voucher Details') }}</h5><button type="button" class="btn-close" data-mdb-dismiss="modal"></button></div><div class="modal-body"><dl class="row mb-0"><dt class="col-5">{{ __('Voucher') }}</dt><dd class="col-7">{{ $voucher->voucher_number }}</dd><dt class="col-5">{{ __('Date') }}</dt><dd class="col-7">{{ $voucher->voucher_date->format('d M Y') }}</dd><dt class="col-5">{{ __('Type') }}</dt><dd class="col-7">{{ ucfirst($voucher->type) }}</dd><dt class="col-5">{{ __('Party') }}</dt><dd class="col-7">{{ $voucher->party_name ?: '-' }}</dd><dt class="col-5">{{ __('Account') }}</dt><dd class="col-7">{{ $voucher->account_name ?: '-' }}</dd><dt class="col-5">{{ __('Amount') }}</dt><dd class="col-7">{{ number_format($voucher->amount,2) }} {{ $voucher->currency_code }}</dd><dt class="col-5">{{ __('Description') }}</dt><dd class="col-7">{{ $voucher->description ?: '-' }}</dd></dl></div></div></div></div>
                    <div class="modal fade" id="voucherEdit{{ $voucher->id }}" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><form method="POST" action="{{ route('vouchers.update',$voucher) }}">@csrf @method('PUT')<div class="modal-header"><h5 class="modal-title">{{ __('Edit Voucher') }}</h5><button type="button" class="btn-close" data-mdb-dismiss="modal"></button></div><div class="modal-body"><select name="type" class="form-select mb-2">@foreach(['receipt','payment','journal'] as $type)<option value="{{ $type }}" @selected($voucher->type === $type)>{{ __(ucfirst($type)) }}</option>@endforeach</select><input name="voucher_date" type="date" class="form-control mb-2" value="{{ $voucher->voucher_date->toDateString() }}"><input name="party_name" class="form-control mb-2" value="{{ $voucher->party_name }}" placeholder="{{ __('Party Name') }}"><input name="account_name" class="form-control mb-2" value="{{ $voucher->account_name }}" placeholder="{{ __('Account') }}"><input name="amount" type="number" step="0.01" class="form-control mb-2" value="{{ $voucher->amount }}" required><select name="currency_code" class="form-select mb-2">@foreach($currencies as $currency)<option value="{{ $currency->code }}" @selected($voucher->currency_code === $currency->code)>{{ $currency->code }}</option>@endforeach</select><textarea name="description" class="form-control" rows="2">{{ $voucher->description }}</textarea></div><div class="modal-footer"><button type="button" class="btn btn-light" data-mdb-dismiss="modal">{{ __('Cancel') }}</button><button class="btn btn-success">{{ __('Save Changes') }}</button></div></form></div></div></div>
                @empty
                    <tr><td colspan="6" class="text-center text-muted py-5">{{ __('No vouchers yet.') }}</td></tr>
                @endforelse
                </tbody>
            </table>
            {{ $vouchers->links('pagination::bootstrap-5') }}
        </div></div>
    </div>
</div>
@endsection