@extends('layouts.app')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h1 class="h3 mb-0">Gider Yönetimi</h1>
        <small class="text-muted">
            Trendyol API'den gelmeyen işletme giderleri
        </small>
    </div>
</div>

@if(session('ok'))
    <div class="alert alert-success">
        {{ session('ok') }}
    </div>
@endif

@if($errors->any())
    <div class="alert alert-danger">
        @foreach($errors->all() as $error)
            <div>{{ $error }}</div>
        @endforeach
    </div>
@endif


{{-- FİLTRE --}}
<div class="card mb-3">
    <div class="card-body">

        <form method="get" class="row g-2">

            <div class="col-md-2">
                <label class="form-label small">Başlangıç</label>
                <input
                    type="date"
                    name="from"
                    value="{{ request('from') }}"
                    class="form-control"
                >
            </div>

            <div class="col-md-2">
                <label class="form-label small">Bitiş</label>
                <input
                    type="date"
                    name="to"
                    value="{{ request('to') }}"
                    class="form-control"
                >
            </div>

            <div class="col-md-3">
                <label class="form-label small">Kategori</label>

                <select name="category" class="form-select">
                    <option value="">Tüm Kategoriler</option>

                    @foreach($categories as $key => $label)
                        <option
                            value="{{ $key }}"
                            @selected(request('category') === $key)
                        >
                            {{ $label }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-3">
                <label class="form-label small">Ara</label>

                <input
                    name="q"
                    value="{{ request('q') }}"
                    class="form-control"
                    placeholder="Açıklama / belge no"
                >
            </div>

            <div class="col-md-2 d-flex align-items-end gap-2">
                <button class="btn btn-dark">
                    Filtrele
                </button>

                <a
                    href="{{ route('expenses.index') }}"
                    class="btn btn-outline-secondary"
                >
                    Temizle
                </a>
            </div>

        </form>

    </div>
</div>


{{-- ÖZET --}}
<div class="row g-3 mb-3">

    <div class="col-md-4">
        <div class="card">
            <div class="card-body">

                <div class="text-muted small">
                    TOPLAM GİDER
                </div>

                <div class="fs-4 fw-bold">
                    ₺{{ number_format($summary['total'],2,',','.') }}
                </div>

            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-body">

                <div class="text-muted small">
                    HARİCİ KARGO
                </div>

                <div class="fs-4 fw-bold">
                    ₺{{ number_format($summary['shipping'],2,',','.') }}
                </div>

            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-body">

                <div class="text-muted small">
                    DİĞER GİDERLER
                </div>

                <div class="fs-4 fw-bold">
                    ₺{{ number_format($summary['other'],2,',','.') }}
                </div>

            </div>
        </div>
    </div>

</div>


{{-- GİDER EKLE / DÜZENLE --}}
<div class="card mb-4">

    <div class="card-header">
        {{ $editExpense ? 'Gider Düzenle' : 'Yeni Gider Ekle' }}
    </div>

    <div class="card-body">

        <form
            method="post"
            action="{{ $editExpense
                ? route('expenses.update',$editExpense)
                : route('expenses.store') }}"
            class="row g-2"
        >

            @csrf

            @if($editExpense)
                @method('PUT')
            @endif

            <div class="col-md-2">
                <label class="form-label small">Tarih</label>

                <input
                    name="expense_date"
                    type="date"
                    class="form-control"
                    value="{{ old(
                        'expense_date',
                        $editExpense?->expense_date?->format('Y-m-d')
                    ) }}"
                    required
                >
            </div>

            <div class="col-md-2">
                <label class="form-label small">Kategori</label>

                <select
                    name="category"
                    class="form-select"
                    required
                >

                    @foreach($categories as $key => $label)

                        <option
                            value="{{ $key }}"
                            @selected(
                                old(
                                    'category',
                                    $editExpense?->category
                                ) === $key
                            )
                        >
                            {{ $label }}
                        </option>

                    @endforeach

                </select>
            </div>

            <div class="col-md-3">
                <label class="form-label small">Açıklama</label>

                <input
                    name="description"
                    class="form-control"
                    value="{{ old(
                        'description',
                        $editExpense?->description
                    ) }}"
                    placeholder="Örn. Eylül depo kirası"
                >
            </div>

            <div class="col-md-2">
                <label class="form-label small">Belge / Fatura No</label>

                <input
                    name="document_no"
                    class="form-control"
                    value="{{ old(
                        'document_no',
                        $editExpense?->document_no
                    ) }}"
                >
            </div>

            <div class="col-md-1">
                <label class="form-label small">Tutar</label>

                <input
                    name="amount"
                    type="number"
                    step="0.01"
                    min="0"
                    class="form-control"
                    value="{{ old(
                        'amount',
                        $editExpense?->amount
                    ) }}"
                    required
                >
            </div>

            <div class="col-md-2">
                <label class="form-label small">Tekrar</label>

                <select
                    name="recurrence"
                    class="form-select"
                >

                    <option
                        value="one_time"
                        @selected(
                            old(
                                'recurrence',
                                $editExpense?->recurrence
                                ?? 'one_time'
                            ) === 'one_time'
                        )
                    >
                        Tek Seferlik
                    </option>

                    <option
                        value="monthly"
                        @selected(
                            old(
                                'recurrence',
                                $editExpense?->recurrence
                            ) === 'monthly'
                        )
                    >
                        Aylık
                    </option>

                </select>
            </div>

            <input
                type="hidden"
                name="currency"
                value="TRY"
            >

            <div class="col-12 mt-3">

                <button class="btn btn-primary">
                    {{ $editExpense
                        ? 'Güncelle'
                        : 'Gider Kaydet' }}
                </button>

                @if($editExpense)
                    <a
                        href="{{ route('expenses.index') }}"
                        class="btn btn-outline-secondary"
                    >
                        İptal
                    </a>
                @endif

            </div>

        </form>

    </div>
</div>


{{-- KATEGORİ TOPLAMLARI --}}
@if($categoryTotals->count())

<div class="card mb-3">

    <div class="card-header">
        Kategori Toplamları
    </div>

    <div class="card-body">

        <div class="row g-2">

            @foreach($categoryTotals as $category => $total)

                <div class="col-md-3">

                    <div class="border rounded p-2 h-100">

                        <div class="small text-muted">
                            {{ $categories[$category] ?? $category }}
                        </div>

                        <strong>
                            ₺{{ number_format($total,2,',','.') }}
                        </strong>

                    </div>

                </div>

            @endforeach

        </div>

    </div>
</div>

@endif


{{-- LİSTE --}}
<div class="card">

    <div class="table-responsive">

        <table class="table align-middle mb-0">

            <thead>

                <tr>
                    <th>Tarih</th>
                    <th>Kategori</th>
                    <th>Açıklama</th>
                    <th>Belge No</th>
                    <th>Tür</th>
                    <th class="text-end">Tutar</th>
                    <th class="text-end">İşlem</th>
                </tr>

            </thead>

            <tbody>

                @forelse($expenses as $expense)

                    <tr>

                        <td>
                            {{ $expense->expense_date->format('d.m.Y') }}
                        </td>

                        <td>
                            {{ $categories[$expense->category]
                                ?? $expense->category }}
                        </td>

                        <td>
                            {{ $expense->description ?: '-' }}
                        </td>

                        <td>
                            {{ $expense->document_no ?: '-' }}
                        </td>

                        <td>
                            {{ $expense->recurrence === 'monthly'
                                ? 'Aylık'
                                : 'Tek Seferlik' }}
                        </td>

                        <td class="text-end fw-bold">
                            ₺{{ number_format(
                                $expense->amount,
                                2,
                                ',',
                                '.'
                            ) }}
                        </td>

                        <td class="text-end">

                            <a
                                href="{{ route(
                                    'expenses.index',
                                    array_merge(
                                        request()->query(),
                                        ['edit'=>$expense->id]
                                    )
                                ) }}"
                                class="btn btn-sm btn-outline-primary"
                            >
                                Düzenle
                            </a>

                            <form
                                method="post"
                                action="{{ route(
                                    'expenses.destroy',
                                    $expense
                                ) }}"
                                class="d-inline"
                                onsubmit="return confirm(
                                    'Bu gider silinsin mi?'
                                )"
                            >

                                @csrf
                                @method('DELETE')

                                <button
                                    class="btn btn-sm btn-outline-danger"
                                >
                                    Sil
                                </button>

                            </form>

                        </td>

                    </tr>

                @empty

                    <tr>
                        <td
                            colspan="7"
                            class="text-center text-muted py-4"
                        >
                            Kayıtlı gider bulunamadı.
                        </td>
                    </tr>

                @endforelse

            </tbody>

        </table>

    </div>

</div>

<div class="mt-3">
    {{ $expenses->links() }}
</div>

<div class="alert alert-info mt-4">

    <strong>Not:</strong>

    Trendyol komisyonu, Trendyol kargo faturaları,
    platform bedeli ve Trendyol reklam giderlerini
    bu ekrana tekrar girmeyin.

    Bunlar API üzerinden otomatik olarak
    net kâr hesabına dahil edilmektedir.

</div>

@endsection