@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->name }}</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">
                    <a href="{{ route('suppliers.index', app('current_company')->uuid) }}" class="text-muted text-hover-primary">{{ __('suppliers.title') }}</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->name }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            @can('Update:Supplier')
                <a href="{{ route('suppliers.edit', ['company' => app('current_company')->uuid, 'supplier' => $supplier->uuid]) }}" class="btn btn-sm fw-bold btn-light-primary">{{ __('suppliers.edit') }}</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">

        <!--begin::Stats-->
        <div class="row g-6 g-xl-9 mb-9">
            <!--begin::Col-->
            <div class="col-md-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($totalPurchased, app('current_company')->currency)</span>
                            </div>
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('suppliers.total_purchased') }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-40px symbol-circle bg-light-primary">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-wallet fs-2 text-primary"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end::Col-->

            <!--begin::Col-->
            <div class="col-md-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($totalPaid, app('current_company')->currency)</span>
                            </div>
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('suppliers.total_paid') }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-40px symbol-circle bg-light-success">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-bill fs-2 text-success"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end::Col-->

            <!--begin::Col-->
            <div class="col-md-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($totalDue, app('current_company')->currency)</span>
                            </div>
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('suppliers.total_due') }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-40px symbol-circle bg-light-danger">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-document fs-2 text-danger"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Stats-->

        <div class="row g-5 g-xxl-9">
            <!--begin::Col Details-->
            <div class="col-xxl-4">
                <div class="card card-flush mb-5 mb-xxl-9">
                    <div class="card-header pt-5">
                        <h3 class="card-title fw-bold text-gray-900">{{ __('suppliers.details') }}</h3>
                    </div>
                    <div class="card-body pt-5">
                        <div class="d-flex flex-stack mb-3">
                            <span class="text-muted me-2 fs-6">{{ __('suppliers.phone') }}:</span>
                            <span class="text-gray-800 fw-bold fs-6">{{ $supplier->phone ?? '-' }}</span>
                        </div>
                        <div class="d-flex flex-stack mb-3">
                            <span class="text-muted me-2 fs-6">{{ __('suppliers.email') }}:</span>
                            <span class="text-gray-800 fw-bold fs-6">{{ $supplier->email ?? '-' }}</span>
                        </div>
                        <div class="d-flex flex-stack mb-3">
                            <span class="text-muted me-2 fs-6">{{ __('suppliers.tax_office') }}:</span>
                            <span class="text-gray-800 fw-bold fs-6">{{ $supplier->tax_office ?? '-' }}</span>
                        </div>
                        <div class="d-flex flex-stack mb-3">
                            <span class="text-muted me-2 fs-6">{{ __('suppliers.tax_number') }}:</span>
                            <span class="text-gray-800 fw-bold fs-6">{{ $supplier->tax_number ?? '-' }}</span>
                        </div>
                        <div class="d-flex flex-stack mb-3">
                            <span class="text-muted me-2 fs-6">{{ __('suppliers.bank_name') }}:</span>
                            <span class="text-gray-800 fw-bold fs-6">{{ $supplier->bank_name ?? '-' }}</span>
                        </div>
                        <div class="d-flex flex-stack mb-3">
                            <span class="text-muted me-2 fs-6">{{ __('suppliers.iban') }}:</span>
                            <span class="text-gray-800 fw-bold fs-6 font-monospace" style="font-size: 13px;">{{ $supplier->iban ?? '-' }}</span>
                        </div>
                        <div class="d-flex flex-stack mb-3">
                            <span class="text-muted me-2 fs-6">{{ __('suppliers.status') }}:</span>
                            @if($supplier->status === 'active')
                                <span class="badge badge-light-success">{{ __('suppliers.active') }}</span>
                            @else
                                <span class="badge badge-light-danger">{{ __('suppliers.inactive') }}</span>
                            @endif
                        </div>
                        <div class="border-top pt-4 mt-4">
                            <span class="text-muted fs-6 d-block mb-1">{{ __('suppliers.note') }}:</span>
                            <span class="text-gray-800 fs-6">{{ $supplier->note ?? '-' }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--end::Col Details-->

            <!--begin::Col Invoices-->
            <div class="col-xxl-8">
                <div class="card card-flush">
                    <div class="card-header pt-5">
                        <h3 class="card-title fw-bold text-gray-900">{{ __('suppliers.invoices_tab') }}</h3>
                    </div>
                    <div class="card-body pt-5">
                        <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>{{ __('supplier_invoices.invoice_date') }}</th>
                                    <th>{{ __('supplier_invoices.total_amount') }}</th>
                                    <th>{{ __('supplier_invoices.paid_amount') }}</th>
                                    <th>{{ __('supplier_invoices.status') }}</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>{{ $invoice->invoice_date->format('d-m-Y') }}</td>
                                        <td>
                                            <span class="font-monospace">@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">@moneyWithCurrency($invoice->paid_amount, $invoice->currency)</span>
                                        </td>
                                        <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>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center py-10">
                                            <div class="text-gray-400 fs-5">{{ __('supplier_invoices.no_records') }}</div>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>

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

    </div>
</div>
@endsection