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

@section('content')
@php
$statusClasses = ['draft'=>'badge-light-secondary','pending'=>'badge-light-warning','approved'=>'badge-light-success','rejected'=>'badge-light-danger','cancelled'=>'badge-light-dark'];
$paidClasses = ['unpaid'=>'badge-light-danger','partially_paid'=>'badge-light-warning','paid'=>'badge-light-success'];
@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">
                    {{ $expense->code }}
                </h1>
            </div>
            <div class="d-flex gap-2">
                @if($expense->isEditable())
                    @can('finance.expenses.edit')
                        <a href="{{ route('admin.dashboard.finance.expenses.edit', $expense) }}" class="btn btn-light btn-sm">{{ trans('finance.expenses.edit') }}</a>
                    @endcan
                    @if($expense->status === 'draft')
                        <form method="POST" action="{{ route('admin.dashboard.finance.expenses.submit', $expense) }}">@csrf
                            <button class="btn btn-warning btn-sm">{{ trans('finance.expenses.submit') }}</button>
                        </form>
                    @endif
                @endif
                @if($expense->status === 'pending')
                    @can('finance.expenses.approve')
                        <form method="POST" action="{{ route('admin.dashboard.finance.expenses.approve', $expense) }}">@csrf
                            <button class="btn btn-success btn-sm">{{ trans('finance.expenses.approve') }}</button>
                        </form>
                        <form method="POST" action="{{ route('admin.dashboard.finance.expenses.reject', $expense) }}">@csrf
                            <button class="btn btn-danger btn-sm">{{ trans('finance.expenses.reject') }}</button>
                        </form>
                    @endcan
                @endif
                <a href="{{ route('admin.dashboard.finance.expenses.index') }}" class="btn btn-light btn-sm">← {{ trans('finance.expenses.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

            <div class="row g-5">
                {{-- Main Info --}}
                <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.expenses.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.expenses.code') }}</div>
                                    <div class="fw-bold">{{ $expense->code }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.expense_date') }}</div>
                                    <div class="fw-bold">{{ $expense->expense_date?->format('Y-m-d') }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.expense_item') }}</div>
                                    <div class="fw-bold">{{ $expense->expenseItem?->name ?? '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.branch') }}</div>
                                    <div class="fw-bold">{{ $expense->branch?->name ?? '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.amount') }}</div>
                                    <div class="fw-bolder fs-4 text-primary">{{ number_format($expense->amount, 2) }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.payment_method') }}</div>
                                    <div class="fw-bold">{{ $expense->paymentMethod?->name ?? '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.cost_center') }}</div>
                                    <div class="fw-bold">{{ $expense->costCenter?->name ?? '—' }}</div>
                                </div>
                                <div class="col-6">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.fiscal_period') }}</div>
                                    <div class="fw-bold">
                                        @if($expense->fiscalPeriod)
                                            {{ $expense->fiscalYear?->name }} / {{ $expense->fiscalPeriod->year }}-{{ str_pad($expense->fiscalPeriod->period_number, 2, '0', STR_PAD_LEFT) }}
                                        @else —
                                        @endif
                                    </div>
                                </div>
                                @if($expense->description)
                                <div class="col-12">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.description') }}</div>
                                    <div>{{ $expense->description }}</div>
                                </div>
                                @endif
                                @if($expense->notes)
                                <div class="col-12">
                                    <div class="text-muted fs-7">{{ trans('finance.expenses.notes') }}</div>
                                    <div>{{ $expense->notes }}</div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>

                    {{-- Attachments --}}
                    @if($expense->attachments->count())
                    <div class="card">
                        <div class="card-header border-0 pt-5">
                            <h3 class="card-title fw-bold fs-5">{{ trans('finance.expenses.attachments') }}</h3>
                        </div>
                        <div class="card-body pt-0">
                            @foreach($expense->attachments as $att)
                            <div class="d-flex align-items-center py-2 border-bottom">
                                <i class="ki-duotone ki-file fs-2 me-3 text-primary"><span class="path1"></span><span class="path2"></span></i>
                                <div>
                                    <div class="fw-semibold fs-7">{{ $att->file_name }}</div>
                                    @if($att->file_size)
                                        <div class="text-muted fs-8">{{ number_format($att->file_size / 1024, 1) }} KB</div>
                                    @endif
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif
                </div>

                {{-- Status Panel --}}
                <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.expenses.status') }}</div>
                                <span class="badge fs-6 {{ $statusClasses[$expense->status] ?? '' }}">{{ ucfirst($expense->status) }}</span>
                            </div>
                            <div class="mb-4">
                                <div class="text-muted fs-7 mb-1">{{ trans('finance.expenses.paid_status') }}</div>
                                <span class="badge fs-6 {{ $paidClasses[$expense->paid_status] ?? '' }}">{{ ucwords(str_replace('_', ' ', $expense->paid_status)) }}</span>
                            </div>
                            @if($expense->paid_amount > 0)
                            <div class="mb-4">
                                <div class="text-muted fs-7 mb-1">{{ trans('finance.expenses.paid_amount') }}</div>
                                <div class="fw-bold text-success">{{ number_format($expense->paid_amount, 2) }}</div>
                            </div>
                            @endif
                            @if($expense->approved_at)
                            <div class="mb-2">
                                <div class="text-muted fs-7">{{ trans('finance.expenses.approved_by') }}</div>
                                <div class="fw-semibold fs-7">{{ $expense->approver?->name ?? '—' }} — {{ $expense->approved_at->format('Y-m-d H:i') }}</div>
                            </div>
                            @endif
                            @if($expense->rejected_at)
                            <div class="mb-2">
                                <div class="text-muted fs-7">{{ trans('finance.expenses.rejected_by') }}</div>
                                <div class="fw-semibold fs-7 text-danger">{{ $expense->rejecter?->name ?? '—' }} — {{ $expense->rejected_at->format('Y-m-d H:i') }}</div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection