@extends('dashboard.admin.layouts.master')

@section('content')
@php
$statusClasses = [
    'draft'     => 'badge-light-secondary',
    'approved'  => 'badge-light-warning',
    'posted'    => 'badge-light-success',
    'reversed'  => 'badge-light-danger',
    'cancelled' => 'badge-light-dark',
];
@endphp
<div class="d-flex flex-column flex-column-fluid">
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
        <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
            <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                    {{ $voucher->code }}
                </h1>
            </div>
            <div class="d-flex gap-2">
                @if($voucher->isEditable())
                    @can('finance.payments.edit')
                        <a href="{{ route('admin.dashboard.finance.payments.edit', $voucher) }}" class="btn btn-light btn-sm">{{ trans('finance.payments.edit') }}</a>
                    @endcan
                @endif

                @if($voucher->status === 'draft')
                    @can('finance.payments.approve')
                        <form method="POST" action="{{ route('admin.dashboard.finance.payments.approve', $voucher) }}">@csrf
                            <button class="btn btn-warning btn-sm">{{ trans('finance.payments.approve') }}</button>
                        </form>
                    @endcan
                @endif

                @if($voucher->status === 'approved')
                    @can('finance.payments.post')
                        <form method="POST" action="{{ route('admin.dashboard.finance.payments.post', $voucher) }}">@csrf
                            <button class="btn btn-success btn-sm">{{ trans('finance.payments.post') }}</button>
                        </form>
                    @endcan
                @endif

                @if($voucher->isPosted())
                    @can('finance.payments.reverse')
                        <button class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#reverseModal">
                            {{ trans('finance.payments.reverse') }}
                        </button>
                    @endcan
                @endif

                @if($voucher->isEditable())
                    @can('finance.payments.edit')
                        <form method="POST" action="{{ route('admin.dashboard.finance.payments.cancel', $voucher) }}">@csrf
                            <button class="btn btn-secondary btn-sm" onclick="return confirm('{{ trans('finance.payments.confirm_cancel') }}')">
                                {{ trans('finance.payments.cancel_action') }}
                            </button>
                        </form>
                    @endcan
                @endif

                <a href="{{ route('admin.dashboard.finance.payments.index') }}" class="btn btn-light btn-sm">← {{ trans('finance.payments.back') }}</a>
            </div>
        </div>
    </div>

    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-xxl">
            @if(session('success'))
                <div class="alert alert-success mb-5">{{ session('success') }}</div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger mb-5">{{ session('error') }}</div>
            @endif

            <div class="row g-5">
                <div class="col-lg-8">
                    <div class="card mb-5">
                        <div class="card-header border-0 pt-5">
                            <h3 class="card-title fw-bold fs-5">{{ trans('finance.payments.details') }}</h3>
                        </div>
                        <div class="card-body pt-0">
                            <div class="row g-4">
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.code') }}</div>
                                    <div class="fw-bold">{{ $voucher->code }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.voucher_date') }}</div>
                                    <div class="fw-bold">{{ $voucher->voucher_date?->format('Y-m-d') }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.branch') }}</div>
                                    <div class="fw-bold">{{ $voucher->branch?->name ?? '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.beneficiary_name') }}</div>
                                    <div class="fw-bold">{{ $voucher->beneficiary_name ?? '—' }}</div>
                                </div>
                                @if($voucher->beneficiary_reference)
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.beneficiary_reference') }}</div>
                                    <div class="fw-bold">{{ $voucher->beneficiary_reference }}</div>
                                </div>
                                @endif
                                @if($voucher->expense_reference)
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.expense_reference') }}</div>
                                    <div class="fw-bold">{{ $voucher->expense_reference }}</div>
                                </div>
                                @endif
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.payment_method') }}</div>
                                    <div class="fw-bold">{{ $voucher->paymentMethod?->name ?? '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.paid_from_account') }}</div>
                                    <div class="fw-bold">{{ $voucher->paidFromAccount ? $voucher->paidFromAccount->code . ' — ' . $voucher->paidFromAccount->name : '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.offset_account') }}</div>
                                    <div class="fw-bold">{{ $voucher->offsetAccount ? $voucher->offsetAccount->code . ' — ' . $voucher->offsetAccount->name : '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.amount') }}</div>
                                    <div class="fw-bolder fs-4 text-primary">{{ number_format($voucher->amount, 2) }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.fiscal_period') }}</div>
                                    <div class="fw-bold">
                                        @if($voucher->fiscalPeriod)
                                            {{ $voucher->fiscalYear?->name }} / {{ $voucher->fiscalPeriod->year }}-{{ str_pad($voucher->fiscalPeriod->period_number, 2, '0', STR_PAD_LEFT) }}
                                        @else —
                                        @endif
                                    </div>
                                </div>
                                @if($voucher->notes)
                                <div class="col-12">
                                    <div class="text-muted fs-7">{{ trans('finance.payments.notes') }}</div>
                                    <div>{{ $voucher->notes }}</div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>

                    @if($voucher->isPosted() && $voucher->postedJournalEntry)
                    <div class="card">
                        <div class="card-header border-0 pt-5">
                            <h3 class="card-title fw-bold fs-5">{{ trans('finance.payments.journal_entry') }}</h3>
                        </div>
                        <div class="card-body pt-0">
                            <div class="fw-semibold fs-7">
                                <span class="text-muted">{{ trans('finance.payments.entry_number') }}: </span>
                                {{ $voucher->postedJournalEntry->entry_number }}
                                &nbsp;|&nbsp;
                                <span class="text-muted">{{ trans('finance.payments.entry_date') }}: </span>
                                {{ $voucher->postedJournalEntry->entry_date?->format('Y-m-d') }}
                            </div>
                        </div>
                    </div>
                    @endif
                </div>

                <div class="col-lg-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="mb-4">
                                <div class="text-muted fs-7 mb-1">{{ trans('finance.payments.status') }}</div>
                                <span class="badge fs-6 {{ $statusClasses[$voucher->status] ?? '' }}">{{ ucfirst($voucher->status) }}</span>
                            </div>
                            @if($voucher->approved_at)
                            <div class="mb-3">
                                <div class="text-muted fs-7">{{ trans('finance.payments.approved_by') }}</div>
                                <div class="fw-semibold fs-7">{{ $voucher->approver?->name ?? '—' }} — {{ $voucher->approved_at->format('Y-m-d H:i') }}</div>
                            </div>
                            @endif
                            @if($voucher->posted_at)
                            <div class="mb-3">
                                <div class="text-muted fs-7">{{ trans('finance.payments.posted_by') }}</div>
                                <div class="fw-semibold fs-7">{{ $voucher->poster?->name ?? '—' }} — {{ $voucher->posted_at->format('Y-m-d H:i') }}</div>
                            </div>
                            @endif
                            @if($voucher->reversal)
                            <div class="mb-2">
                                <div class="text-muted fs-7">{{ trans('finance.payments.reversed_by') }}</div>
                                <div class="fw-semibold fs-7 text-danger">{{ $voucher->reversal->reversedBy?->name ?? '—' }} — {{ $voucher->reversal->reversed_at->format('Y-m-d H:i') }}</div>
                                <div class="text-muted fs-8 mt-1">{{ $voucher->reversal->reason }}</div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@if($voucher->isPosted())
<div class="modal fade" id="reverseModal" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('admin.dashboard.finance.payments.reverse', $voucher) }}">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ trans('finance.payments.reverse_title') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <label class="form-label required">{{ trans('finance.payments.reversal_reason') }}</label>
                    <textarea name="reason" rows="3" class="form-control" required></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ trans('finance.payments.cancel') }}</button>
                    <button type="submit" class="btn btn-danger">{{ trans('finance.payments.confirm_reverse') }}</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif
@endsection