@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
@include('layouts.navbars.auth.topnav', ['title' => ''])
@if(
    isset($user_idroles) &&
    count(array_intersect($user_idroles, ["admhm1", "admind", "admins"])) > 0
)
<div class="card shadow-lg mx-4">
    <div class="card-body p-3">
        <div class="row gx-4">
            <div class="col-lg">
                <div class="nav-wrapper">
                    {{-- Tombol View --}}
                    <button type="submit" form="rptfgr-form" name="action" value="view" class="btn btn-primary mb-0" id="btn-view">
                        <i class="fas fa-eye me-1"></i><span class="font-weight-bold">View</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
<div class="container-fluid py-4">
    @if(
        isset($user_idroles) &&
        count(array_intersect($user_idroles, ["admhm1", "admind", "admins"])) > 0
    )
    <div class="row gx-4">
        <div class="col-lg">
            <div class="card">
                <form role="form" method="POST" action="{{ URL::to($url_menu) }}" id="rptfgr-form">
                    @csrf
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Filter {{ $title_menu }}</p>
                        <hr class="horizontal dark mt-0">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label for="year" class="form-control-label">
                                        Tahun <span class="text-danger">*</span>
                                    </label>
                                    <select class="form-select" name="year" id="year" required>
                                        <option value="">-- Pilih Tahun --</option>
                                        @foreach ($year_options as $year)
                                            <option value="{{ $year }}" {{ old('year') == $year ? 'selected' : '' }}>
                                                {{ $year }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <p class="text-secondary text-xs pt-1 px-1">
                                        *) Pilih tahun untuk menampilkan report Bahan Baku vs Penjualan
                                    </p>
                                    @error('year')
                                        <p class="text-danger text-xs pt-1">
                                            {{ $message }}
                                        </p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <hr class="horizontal dark">
                    </div>
                    <div class="card-footer align-items-center pt-0 pb-2">
                    </div>
                </form>
            </div>
        </div>
    </div>
    @endif
    
    {{-- Available Data by Year --}}
    <div class="row gx-4 py-2">
        <div class="col-lg">
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0"><i class="fas fa-database me-2"></i>Available Data by Year</h6>
                </div>
                <div class="card-body">
                    @if(isset($year_list) && $year_list->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-sm table-hover">
                                <thead>
                                    <tr class="table-cyan">
                                        <th class="text-center">Tahun</th>
                                        <th class="text-center">Records</th>
                                        <th class="text-center">Last Updated</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($year_list as $yearData)
                                        <tr>
                                            <td class="text-center"><strong>{{ $yearData->year }}</strong></td>
                                            <td class="text-center">
                                                <small>{{ number_format($yearData->record_count) }}</small>
                                            </td>
                                            <td class="text-center">
                                                <small>{{ $yearData->last_updated ? date('d-m-Y H:i', strtotime($yearData->last_updated)) : '-' }}</small>
                                            </td>
                                            <td class="text-center">
                                                <form method="POST" action="{{ URL::to($url_menu) }}" style="display: inline;">
                                                    @csrf
                                                    <input type="hidden" name="year" value="{{ $yearData->year }}">
                                                    <input type="hidden" name="action" value="view">
                                                    <button type="submit" class="btn btn-xs btn-info">
                                                        <i class="fas fa-eye"></i> View
                                                    </button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center py-4">
                            <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                            <p class="text-muted">Belum ada data tersedia</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
{{-- check flag js on dmenu --}}
@if ($jsmenu == '1')
@if (view()->exists("js.{$dmenu}"))
@push('addjs')
{{-- file js in folder (resources/views/js) --}}
@include('js.' . $dmenu);
@endpush
@else
@push('addjs')
<script>
    Swal.fire({
        title: 'JS Not Found!!',
        text: 'Please Create File JS',
        icon: 'error',
        confirmButtonColor: '#028284'
    });
</script>
@endpush
@endif
@endif
@endsection

@push('css')
<style>
    .table-cyan {
        background-color: #00b7bd !important;
        color: white !important;
    }
    .table-cyan th {
        color: white !important;
        font-weight: 600;
        border: 1px solid #009fa3 !important;
    }
</style>
@endpush