@extends('adminlte::page')

@section('title', 'Gün Sonu')

@section('css')
    <link href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css" rel="stylesheet">
    <link href="{{ asset('build/assets/datatable-B_fUXaNs.css') }}" rel="stylesheet">
@endsection

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
    <script src="{{ asset('build/assets/datatable-RX_jKVpA.js') }}"></script>
    <script src="{{ asset('build/assets/get_daily_expenses-CHpUGjvI.js') }}"></script>
@endsection


@section('content')
<div class="container-fluid pt-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="fw-bold">Gün Sonu İşlemleri</h2>
        <button type="button" class="btn btn-success shadow-sm" data-bs-toggle="modal" data-bs-target="#endOfDayModal">
            <i class="fas fa-plus me-2"></i> Yeni Gün Sonu Oluştur
        </button>
    </div>

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

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

    <div class="card shadow-sm">
    <button type="button" id="filterButton" class="btn btn-info mb-3" 
            data-bs-toggle="modal" data-bs-target="#filterModal" 
            style="display: none;"> Filtrele
    </button>

        <div class="card-body table-responsive p-0">
            <table class="table table-striped table-hover mb-0 datatable">
                <thead class="table-success">
                    <tr>
                        <th>Şube</th>
                        <th>Nakit</th>
                        <th>Kart</th>
                        <th>Gider</th>
                        <th>Toplam</th>
                        <th>Tarih</th>
                        <th>Oluşturan</th>
                        <th class="text-center">İşlemler</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($endOfDays as $day)
                        <tr>
                            <td>{{ $day->branch->name ?? '-' }}</td>
                            <td>{{ number_format($day->cash_total, 2) }} ₺</td>
                            <td>{{ number_format($day->credit_card_total, 2) }} ₺</td>
                            <td>{{ number_format($day->expense_total, 2) }} ₺</td>
                            <td>{{ number_format($day->total_sales, 2) }} ₺</td>
                            <td>{{ \Carbon\Carbon::parse($day->created_at)->format('d.m.Y H:i') }}</td>
                            <td>{{ $day->user->name ?? '-' }}</td>
                            <td class="text-center">
                                <button class="btn btn-sm btn-outline-info" data-bs-toggle="modal" data-bs-target="#showModal{{ $day->id }}">
                                    <i class="fas fa-eye"></i>
                                </button>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@include('staff.finance.end_of_day.create')
@endsection