@extends('layouts.app')
@section('content')
<!-- Foto Section -->
                <div class="section-container" id="fotoSection">
                    <div class="section-header">
                        <div class="section-title">
                            <i class="fas fa-camera"></i> Foto Deteksi Buah
                        </div>
                        <div class="section-actions flex-wrap">
                            <div class="filter-bar">
                                <div class="filter-tabs">
                                    <button class="filter-tab active" data-filter="session" id="tabFotoSession">Sesi</button>
                                    <button class="filter-tab" data-filter="today" id="tabFotoToday">Hari ini</button>
                                    <button class="filter-tab" data-filter="week" id="tabFotoWeek">Minggu</button>
                                    <button class="filter-tab" data-filter="month" id="tabFotoMonth">Bulan</button>
                                    <button class="filter-tab" data-filter="custom" id="tabFotoCustom">Custom</button>
                                </div>
                                <div class="filter-extra">
                                    <select id="filterFotoSessionId" class="date-input filter-session-select" style="display:none;"></select>
                                    <div id="customFotoDateRange" class="custom-date-range" style="display:none;">
                                        <input type="date" id="filterFotoDateFrom" class="date-input" />
                                        <span>-</span>
                                        <input type="date" id="filterFotoDateTo" class="date-input" />
                                        <button id="btnApplyFotoFilter" class="btn-primary btn-sm"><i class="fas fa-check"></i></button>
                                    </div>
                                </div>
                            </div>
                            <select id="filterFotoLabel" class="date-input select-label">
                                <option value="">Semua Buah</option>
                                <option value="pisang matang">Pisang Matang</option>
                                <option value="pisang mentah">Pisang Mentah</option>
                                <option value="jeruk matang">Jeruk Matang</option>
                                <option value="jeruk mentah">Jeruk Mentah</option>
                            </select>
                            <button class="btn-icon" id="btnRefreshFoto" title="Refresh"><i class="fas fa-sync-alt"></i></button>
                        </div>
                    </div>
                    <div class="foto-grid" id="fotoGrid">
                        <div class="foto-empty">Belum ada foto tersimpan.</div>
                    </div>
                </div>

            @endsection