@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.invoice') }}: {{ $supplier_invoice->invoice_number }}
            </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('supplier-invoices.index', app('current_company')->uuid) }}" class="text-muted text-hover-primary">{{ __('supplier_invoices.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_invoice->invoice_number }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            @if($supplier_invoice->status !== 'paid' && $supplier_invoice->status !== 'cancelled')
                <button type="button" class="btn btn-sm fw-bold btn-success" data-bs-toggle="modal" data-bs-target="#kt_modal_add_payment">
                    <i class="ki-outline ki-plus fs-4 me-1"></i>
                    {{ __('supplier_invoices.add_payment') }}
                </button>
            @endif
        </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">
        <!-- Invoice Body (Metronic Premium Design) -->
        <div class="card card-flush py-4 flex-row-fluid mb-9">
            <div class="card-body p-10 p-lg-15">
                <!-- Header of e-invoice style -->
                <div class="d-flex flex-column flex-sm-row justify-content-between mb-10 border-bottom pb-5">
                    <div>
                        <h4 class="fw-bold text-gray-800 mb-1">TEDARİKÇİ (SATICI)</h4>
                        <div class="text-gray-600 fs-6">
                            <strong>{{ $supplier_invoice->supplier->name ?? '-' }}</strong><br>
                            @if($supplier_invoice->supplier?->tax_number)
                                {{ __('suppliers.tax_office') }}: {{ $supplier_invoice->supplier->tax_office ?? '-' }}<br>
                                {{ __('suppliers.tax_number') }}: {{ $supplier_invoice->supplier->tax_number }}<br>
                            @endif
                            @if($supplier_invoice->supplier?->phone)
                                {{ __('suppliers.phone') }}: {{ $supplier_invoice->supplier->phone }}<br>
                            @endif
                            @if($supplier_invoice->supplier?->email)
                                {{ __('suppliers.email') }}: {{ $supplier_invoice->supplier->email }}<br>
                            @endif
                            @if($supplier_invoice->supplier?->address)
                                {{ $supplier_invoice->supplier->address }}
                            @endif
                        </div>
                    </div>
                    <div class="text-sm-end mt-5 mt-sm-0">
                        <span class="badge badge-light-primary fs-6 mb-3">e-FATURA (Gider)</span>
                        <div class="text-gray-600 fs-6">
                            <strong>{{ __('supplier_invoices.invoice_number') }}:</strong> {{ $supplier_invoice->invoice_number }}<br>
                            <strong>{{ __('supplier_invoices.invoice_date') }}:</strong> {{ $supplier_invoice->invoice_date->format('d-m-Y') }}<br>
                            @if($supplier_invoice->due_date)
                                <strong>{{ __('supplier_invoices.due_date') }}:</strong> {{ $supplier_invoice->due_date->format('d-m-Y') }}<br>
                            @endif
                            @if($supplier_invoice->ettn)
                                <strong>ETTN:</strong> <span class="fs-7 text-muted font-monospace">{{ $supplier_invoice->ettn }}</span><br>
                            @endif
                            <strong>{{ __('supplier_invoices.status') }}:</strong>
                            @if($supplier_invoice->status === 'paid')
                                <span class="badge badge-light-success">{{ __('supplier_invoices.status_paid') }}</span>
                            @elseif($supplier_invoice->status === 'partial')
                                <span class="badge badge-light-warning">{{ __('supplier_invoices.status_partial') }}</span>
                            @elseif($supplier_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
                        </div>
                    </div>
                </div>

                <!-- Invoice Items Table -->
                <div class="table-responsive mb-10">
                    <table class="table table-row-dashed align-middle gs-0 gy-4">
                        <thead>
                            <tr class="border-bottom border-gray-200 text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                                <th class="w-50px">#</th>
                                <th class="min-w-200px">{{ __('supplier_invoices.item_name') }}</th>
                                <th>{{ __('supplier_invoices.item_qty') }}</th>
                                <th>{{ __('supplier_invoices.item_price') }}</th>
                                <th>{{ __('supplier_invoices.item_discount') }}</th>
                                <th>{{ __('supplier_invoices.item_tax') }}</th>
                                <th class="text-end min-w-100px">{{ __('supplier_invoices.item_total') }}</th>
                            </tr>
                        </thead>
                        <tbody class="fw-semibold text-gray-700">
                            @foreach($supplier_invoice->items as $index => $item)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>
                                        <div class="text-gray-900 fw-bold">{{ $item->name }}</div>
                                        @if($item->description)
                                            <span class="text-muted fs-7">{{ $item->description }}</span>
                                        @endif
                                    </td>
                                    <td>{{ number_format($item->quantity, 2) }} {{ $item->unit ?? 'adet' }}</td>
                                    <td class="font-monospace">@moneyWithCurrency($item->unit_price, $supplier_invoice->currency)</td>
                                    <td>%{{ number_format($item->discount_rate, 2) }}</td>
                                    <td>%{{ number_format($item->tax_rate, 2) }}</td>
                                    <td class="text-end font-monospace">@moneyWithCurrency($item->total_amount, $supplier_invoice->currency)</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Financial totals -->
                <div class="d-flex justify-content-end mb-10">
                    <div class="w-100 w-md-350px">
                        <div class="d-flex flex-stack mb-3">
                            <span class="fw-semibold text-gray-600 fs-6">{{ __('supplier_invoices.sub_total') }}:</span>
                            <span class="fw-bold text-gray-800 fs-6 font-monospace">@moneyWithCurrency($supplier_invoice->sub_total, $supplier_invoice->currency)</span>
                        </div>
                        <div class="d-flex flex-stack mb-3">
                            <span class="fw-semibold text-gray-600 fs-6">{{ __('supplier_invoices.tax_total') }}:</span>
                            <span class="fw-bold text-gray-800 fs-6 font-monospace">@moneyWithCurrency($supplier_invoice->tax_total, $supplier_invoice->currency)</span>
                        </div>
                        <div class="d-flex flex-stack border-top border-gray-300 pt-3 mb-3">
                            <span class="fw-bold text-gray-800 fs-5">{{ __('supplier_invoices.total_amount') }}:</span>
                            <span class="fw-bold text-gray-900 fs-5 font-monospace">@moneyWithCurrency($supplier_invoice->total_amount, $supplier_invoice->currency)</span>
                        </div>
                        <div class="d-flex flex-stack">
                            <span class="fw-semibold text-gray-600 fs-6">{{ __('supplier_invoices.paid_amount') }}:</span>
                            <span class="fw-bold text-success fs-6 font-monospace">@moneyWithCurrency($supplier_invoice->paid_amount, $supplier_invoice->currency)</span>
                        </div>
                        <div class="d-flex flex-stack border-top border-dashed border-gray-300 pt-3 mt-3">
                            <span class="fw-bold text-gray-800 fs-5">{{ __('supplier_invoices.due_amount') }}:</span>
                            <span class="fw-bold text-danger fs-5 font-monospace">@moneyWithCurrency($supplier_invoice->due_amount, $supplier_invoice->currency)</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Payments list -->
        <div class="card card-flush py-4">
            <div class="card-header">
                <h3 class="card-title fw-bold text-gray-900">{{ __('supplier_invoices.payment_history') }}</h3>
            </div>
            <div class="card-body pt-0">
                <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>Transaction ID</th>
                            <th>{{ __('supplier_invoices.payment_date') }}</th>
                            <th>{{ __('supplier_invoices.payment_method') }}</th>
                            <th>{{ __('supplier_invoices.total_amount') }}</th>
                            <th>{{ __('supplier_invoices.payment_notes') }}</th>
                            <th class="text-end">#</th>
                        </tr>
                    </thead>
                    <tbody class="fw-semibold text-gray-600">
                        @forelse($supplier_invoice->payments as $payment)
                            <tr>
                                <td class="font-monospace fs-7 text-muted">{{ $payment->transaction_id }}</td>
                                <td>{{ $payment->payment_date->format('d-m-Y') }}</td>
                                <td>
                                    @if($payment->payment_method === 'cash')
                                        Nakit
                                    @elseif($payment->payment_method === 'bank_transfer')
                                        Havale/EFT
                                    @else
                                        Kredi Kartı
                                    @endif
                                </td>
                                <td class="font-monospace">
                                    @moneyWithCurrency($payment->amount, $payment->currency)
                                </td>
                                <td>{{ $payment->notes ?? '-' }}</td>
                                <td class="text-end">
                                    <form action="{{ route('supplier-invoices.payments.destroy', ['company' => app('current_company')->uuid, 'invoice' => $supplier_invoice->uuid, 'payment' => $payment->uuid]) }}" method="POST" onsubmit="return confirm('Ödeme kaydını silmek istediğinize emin misiniz?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-icon btn-light-danger btn-sm">
                                            <i class="ki-outline ki-trash fs-4"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center py-5">
                                    <div class="text-gray-400 fs-7">{{ __('supplier_invoices.no_payments') }}</div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>

<!-- Modal: Add Payment -->
<div class="modal fade" id="kt_modal_add_payment" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content">
            <form action="{{ route('supplier-invoices.payments.store', ['company' => app('current_company')->uuid, 'invoice' => $supplier_invoice->uuid]) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h2 class="fw-bold text-gray-900">{{ __('supplier_invoices.add_payment') }}</h2>
                    <div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal">
                        <i class="ki-outline ki-cross fs-1"></i>
                    </div>
                </div>

                <div class="modal-body py-10 px-lg-17">
                    <div class="fv-row mb-8">
                        <label class="required fs-6 fw-semibold form-label mb-2">{{ __('supplier_invoices.total_amount') }}</label>
                        <input type="number" name="amount" class="form-control form-control-solid" step="0.01" min="0.01" max="{{ $supplier_invoice->due_amount }}" value="{{ $supplier_invoice->due_amount }}" required />
                    </div>

                    <div class="row g-5 mb-8">
                        <div class="col-md-6">
                            <label class="required fs-6 fw-semibold form-label mb-2">{{ __('supplier_invoices.currency') }}</label>
                            <select name="currency_id" class="form-select form-select-solid" data-control="select2" data-dropdown-parent="#kt_modal_add_payment" data-hide-search="true">
                                @foreach($currencies as $currency)
                                    <option value="{{ $currency->id }}" {{ $supplier_invoice->currency_id == $currency->id ? 'selected' : '' }}>{{ $currency->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="required fs-6 fw-semibold form-label mb-2">{{ __('supplier_invoices.exchange_rate') }}</label>
                            <input type="number" name="exchange_rate" class="form-control form-control-solid" step="0.000001" min="0.000001" value="{{ $supplier_invoice->exchange_rate }}" required />
                        </div>
                    </div>

                    <div class="row g-5 mb-8">
                        <div class="col-md-6">
                            <label class="required fs-6 fw-semibold form-label mb-2">{{ __('supplier_invoices.payment_method') }}</label>
                            <select name="payment_method" class="form-select form-select-solid" data-control="select2" data-dropdown-parent="#kt_modal_add_payment" data-hide-search="true">
                                <option value="bank_transfer">Banka Havalesi (EFT)</option>
                                <option value="cash">Nakit</option>
                                <option value="credit_card">Kredi Kartı</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="required fs-6 fw-semibold form-label mb-2">{{ __('supplier_invoices.payment_date') }}</label>
                            <input type="date" name="payment_date" class="form-control form-control-solid" value="{{ date('Y-m-d') }}" required />
                        </div>
                    </div>

                    <div class="fv-row">
                        <label class="fs-6 fw-semibold form-label mb-2">{{ __('supplier_invoices.payment_notes') }}</label>
                        <textarea name="notes" class="form-control form-control-solid" rows="3"></textarea>
                    </div>
                </div>

                <div class="modal-footer flex-center">
                    <button type="reset" class="btn btn-light me-3" data-bs-dismiss="modal">{{ __('common.cancel') ?? 'İptal' }}</button>
                    <button type="submit" class="btn btn-primary">{{ __('supplier_invoices.record_payment') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--end::Modal-->
@endsection