@extends('layouts.master')
@section('title', 'Souvenir Logs')

@section('style')
    <style></style>

@endsection

@section('script')
    <script></script>

@endsection

@section('content')

    @include('layouts.header')
    @include('layouts.title')

    <section>
        <div class="container py-4">
            <h3 class="mb-4">ประวัติการเพิ่ม–ลบของที่ระลึก</h3>

            <form method="GET" action="{{ route('souvenir') }}" class="row g-3 mb-4">
                <div class="col-md-3">
                    <label>วันที่เริ่มต้น</label>
                    <input type="date" name="start_date" class="form-control" value="{{ request('start_date') }}">
                </div>
                <div class="col-md-3">
                    <label>วันที่สิ้นสุด</label>
                    <input type="date" name="end_date" class="form-control" value="{{ request('end_date') }}">
                </div>
                <div class="col-md-4">
                    <label>ของที่ระลึก</label>
                    <select name="souvenir_id" class="form-select">
                        <option value="">-- ทั้งหมด --</option>
                        @foreach ($souvenirs as $id => $name)
                            <option value="{{ $id }}" {{ request('souvenir_id') == $id ? 'selected' : '' }}>
                                {{ $name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button class="btn btn-primary w-100">ค้นหา</button>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>No.</th>
                            <th>รูปภาพ</th>
                            <th>ชื่อของที่ระลึก</th>
                            <th>วันที่เพิ่ม</th>
                            <th>จำนวนที่เพิ่ม</th>
                            <th>วันที่ลบ</th>
                            <th>จำนวนที่ลบ</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($logs as $index => $log)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>
                                    @if (!empty($log->product_image))
                                        <img src="{{ asset('product_images/' . $log->product_image) }}" alt="รูปภาพ"
                                            width="50">
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>{{ $log->product_name }}</td>

                                {{-- วันที่เพิ่ม / จำนวนที่เพิ่ม --}}
                                <td>
                                    @if ($log->action_type == 'add')
                                        {{ \Carbon\Carbon::parse($log->created_at)->format('d/m/Y H:i') }}
                                    @elseif($log->action_type == 'delete')
                                        {{ \Carbon\Carbon::parse($log->created_at)->format('d/m/Y H:i') }}
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>
                                    @if ($log->action_type == 'add')
                                        {{ $log->quantity }}
                                    @elseif($log->action_type == 'delete')
                                        {{ $log->quantity }}
                                    @else
                                        -
                                    @endif
                                </td>

                                {{-- วันที่ลบ / จำนวนที่ลบ --}}
                                <td>
                                    @if ($log->action_type == 'remove' || $log->action_type == 'delete')
                                        {{ \Carbon\Carbon::parse($log->created_at)->format('d/m/Y H:i') }}
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>
                                    @if ($log->action_type == 'remove' || $log->action_type == 'delete')
                                        {{ $log->quantity }}
                                    @else
                                        -
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center">ไม่พบข้อมูล</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>


            {{ $logs->appends(request()->query())->links() }}
        </div>

    </section>

    @include('layouts.footer')
@endsection