@extends('layouts.app')

@section('content')
<!--begin::Toolbar-->
<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-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">{{ __('supplier_invoices.title') }}</h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted">
                    <a href="{{ route('dashboard', app('current_company')->uuid) }}" class="text-muted text-hover-primary">{{ __('common.home') ?? 'Anasayfa' }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ __('supplier_invoices.title') }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            @can('Create:SupplierInvoice')
                <a href="{{ route('supplier-invoices.create', app('current_company')->uuid) }}" class="btn btn-sm fw-bold btn-primary">{{ __('supplier_invoices.create_new') }}</a>
            @endcan
        </div>
    </div>
</div>
<!--end::Toolbar-->

<!--begin::Content-->
<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">

        @can('View:Finance')
        <!--begin::Stats-->
        <div class="row g-6 g-xl-9 mb-9">
            <!--begin::Col-->
            <div class="col-md-6 col-lg-4">
                <div class="card card-flush h-md-100">
                    <div class="card-header pt-5">
                        <div class="card-title d-flex flex-column">
                            <div class="d-flex align-items-center">
                                <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2 font-monospace">@moneyWithCurrency($totalAmount, app('current_company')->currency)</span>
                            </div>
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('supplier_invoices.total_expense') }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-primary">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-wallet fs-2x text-primary"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end::Col-->

            <!--begin::Col-->
            <div class="col-md-6 col-lg-4">
                <div class="card card-flush h-md-100">
                    <div class="card-header pt-5">
                        <div class="card-title d-flex flex-column">
                            <div class="d-flex align-items-center">
                                <span class="fs-2hx fw-bold text-success me-2 lh-1 ls-n2 font-monospace">@moneyWithCurrency($paidAmount, app('current_company')->currency)</span>
                            </div>
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('supplier_invoices.total_paid_expense') }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-success">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-bill fs-2x text-success"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end::Col-->

            <!--begin::Col-->
            <div class="col-md-6 col-lg-4">
                <div class="card card-flush h-md-100">
                    <div class="card-header pt-5">
                        <div class="card-title d-flex flex-column">
                            <div class="d-flex align-items-center">
                                <span class="fs-2hx fw-bold text-danger me-2 lh-1 ls-n2 font-monospace">@moneyWithCurrency($dueAmount, app('current_company')->currency)</span>
                            </div>
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('supplier_invoices.total_due_expense') }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-danger">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-document fs-2x text-danger"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Stats-->
        @endcan

        <div class="card">
            <!--begin::Card header-->
            <div class="card-header border-0 pt-6">
                <div class="card-title">
                    <!--begin::Search-->
                    <form action="{{ route('supplier-invoices.index', app('current_company')->uuid) }}" method="GET" class="d-flex flex-wrap align-items-center gap-3 my-1">
                        <div class="position-relative">
                            <i class="ki-outline ki-magnifier fs-3 position-absolute ms-5" style="top: 30%"></i>
                            <input type="text" name="search" class="form-control form-control-solid w-200px ps-13" placeholder="{{ __('supplier_invoices.search') }}" value="{{ request('search') }}" />
                        </div>
                        
                        <div class="w-200px">
                            <select name="supplier_id" class="form-select form-select-solid" data-control="select2">
                                <option value="">{{ __('suppliers.supplier') }}</option>
                                @foreach($suppliers as $supplier)
                                    <option value="{{ $supplier->id }}" {{ request('supplier_id') == $supplier->id ? 'selected' : '' }}>{{ $supplier->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="w-150px">
                            <select name="status" class="form-select form-select-solid" data-control="select2" data-hide-search="true">
                                <option value="">{{ __('supplier_invoices.status') }}</option>
                                <option value="unpaid" {{ request('status') === 'unpaid' ? 'selected' : '' }}>{{ __('supplier_invoices.status_unpaid') }}</option>
                                <option value="partial" {{ request('status') === 'partial' ? 'selected' : '' }}>{{ __('supplier_invoices.status_partial') }}</option>
                                <option value="paid" {{ request('status') === 'paid' ? 'selected' : '' }}>{{ __('supplier_invoices.status_paid') }}</option>
                            </select>
                        </div>

                        <button type="submit" class="btn btn-light-primary">{{ __('common.filter') ?? 'Filtrele' }}</button>
                        @if(request()->anyFilled(['search', 'supplier_id', 'status', 'date_from', 'date_to']))
                            <a href="{{ route('supplier-invoices.index', app('current_company')->uuid) }}" class="btn btn-light-danger">{{ __('common.clear') ?? 'Temizle' }}</a>
                        @endif
                    </form>
                    <!--end::Search-->
                </div>
            </div>
            <!--end::Card header-->

            <!--begin::Card body-->
            <div class="card-body pt-0">
                <!--begin::Table-->
                <table class="table align-middle table-row-dashed fs-6 gy-5">
                    <thead>
                        <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                            <th>{{ __('supplier_invoices.invoice_number') }}</th>
                            <th>{{ __('suppliers.supplier') }}</th>
                            <th>{{ __('supplier_invoices.invoice_date') }}</th>
                            @can('View:Finance')
                            <th>{{ __('supplier_invoices.total_amount') }}</th>
                            <th>{{ __('supplier_invoices.paid_amount') }}</th>
                            @endcan
                            <th>{{ __('supplier_invoices.status') }}</th>
                            <th class="text-end min-w-70px">{{ __('common.actions') ?? 'İşlemler' }}</th>
                        </tr>
                    </thead>
                    <tbody class="fw-semibold text-gray-600">
                        @forelse($invoices as $invoice)
                            <tr>
                                <td>
                                    <a href="{{ route('supplier-invoices.show', ['company' => app('current_company')->uuid, 'supplier_invoice' => $invoice->uuid]) }}" class="text-gray-800 text-hover-primary fw-bold">{{ $invoice->invoice_number }}</a>
                                </td>
                                <td>
                                    @if($invoice->supplier)
                                        <a href="{{ route('suppliers.show', ['company' => app('current_company')->uuid, 'supplier' => $invoice->supplier->uuid]) }}" class="text-gray-600 text-hover-primary">{{ $invoice->supplier->name }}</a>
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>{{ $invoice->invoice_date->format('d-m-Y') }}</td>
                                @can('View:Finance')
                                <td>
                                    <span class="font-monospace fw-bold">@moneyWithCurrency($invoice->total_amount, $invoice->currency)</span>
                                    @if($invoice->currency_id !== app('current_company')->currency_id)
                                        <div class="text-muted fs-7 font-monospace">(@moneyWithCurrency($invoice->base_total_amount, app('current_company')->currency))</div>
                                    @endif
                                </td>
                                <td>
                                    <span class="font-monospace text-success">@moneyWithCurrency($invoice->paid_amount, $invoice->currency)</span>
                                </td>
                                @endcan
                                <td>
                                    @if($invoice->status === 'paid')
                                        <span class="badge badge-light-success">{{ __('supplier_invoices.status_paid') }}</span>
                                    @elseif($invoice->status === 'partial')
                                        <span class="badge badge-light-warning">{{ __('supplier_invoices.status_partial') }}</span>
                                    @elseif($invoice->status === 'cancelled')
                                        <span class="badge badge-light-secondary">{{ __('supplier_invoices.status_cancelled') }}</span>
                                    @else
                                        <span class="badge badge-light-danger">{{ __('supplier_invoices.status_unpaid') }}</span>
                                    @endif
                                </td>
                                <td class="text-end">
                                    <a href="#" class="btn btn-light btn-active-light-primary btn-flex btn-center btn-sm" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                        {{ __('common.actions') ?? 'İşlemler' }}
                                        <i class="ki-outline ki-down fs-5 ms-1"></i>
                                    </a>
                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
                                        <div class="menu-item px-3">
                                            <a href="{{ route('supplier-invoices.show', ['company' => app('current_company')->uuid, 'supplier_invoice' => $invoice->uuid]) }}" class="menu-link px-3">{{ __('common.view') ?? 'Görüntüle' }}</a>
                                        </div>
                                        @can('Delete:SupplierInvoice')
                                            <div class="menu-item px-3">
                                                <form action="{{ route('supplier-invoices.destroy', ['company' => app('current_company')->uuid, 'supplier_invoice' => $invoice->uuid]) }}" method="POST" onsubmit="return confirm('{{ __('supplier_invoices.delete_confirm') }}');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="menu-link px-3 btn btn-clean text-danger w-100 text-start border-0 bg-transparent" style="font-size: 13px;">{{ __('common.delete') ?? 'Sil' }}</button>
                                                </form>
                                            </div>
                                        @endcan
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center py-10">
                                    <div class="text-gray-400 fs-5">{{ __('supplier_invoices.no_records') }}</div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
                <!--end::Table-->

                <div class="d-flex justify-content-end mt-4">
                    {{ $invoices->links() }}
                </div>
            </div>
            <!--end::Card body-->
        </div>

    </div>
</div>
@endsection