@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <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">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Detail {{ $title_menu }}</p>
                        <hr class="horizontal dark mt-0">
                        <div class="row">
                            {{-- Baris: ID Menu Plan, Tanggal & Shift, Nama Catering --}}
                            <div class="col-md-4 mb-3">
                                <label class="form-label">ID Menu Plan</label>
                                <input type="text" class="form-control" name="id_menu_actual"
                                    value="{{ $menuPlan->id_menu_plan }}" readonly>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Tanggal & Shift</label>
                                <input type="text" class="form-control" name="tanggal"
                                    value="{{ $menuPlan->hari }}, {{ date('d-m-Y', strtotime($menuPlan->tanggal)) }} - Shift {{ $menuPlan->shift }}"
                                    readonly>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Catering</label>
                                <input type="text" class="form-control" name="tanggal"
                                    value="{{ $menuPlan->nama_cateringg }}" readonly>

                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        {{-- Baris Menu: Menu 1–5 dibagi jadi 2 kolom --}}
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-2">
                                    <label class="form-label">Menu 1</label>
                                    <input type="text" class="form-control" value="{{ $menuPlan->menu1_name ?? '-' }}"
                                        readonly>
                                </div>
                                <div class="mb-2">
                                    <label class="form-label">Menu 2</label>
                                    <input type="text" class="form-control" value="{{ $menuPlan->menu2_name ?? '-' }}"
                                        readonly>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-2">
                                    <label class="form-label">Menu 3</label>
                                    <input type="text" class="form-control" value="{{ $menuPlan->menu3_name ?? '-' }}"
                                        readonly>
                                </div>
                                <div class="mb-2">
                                    <label class="form-label">Menu 4</label>
                                    <input type="text" class="form-control" value="{{ $menuPlan->menu4_name ?? '-' }}"
                                        readonly>
                                </div>
                                {{-- <div class="mb-2">
                                    <label class="form-label">Menu 5</label>
                                    <input type="text" class="form-control" value="{{ $menuPlan->menu5_name ?? '-' }}"
                                        readonly>
                                </div> --}}
                            </div>
                        </div>




                    </div>
                </div>
            </div>
        </div>
        <br>
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">


                    {{-- <div class="card"> --}}
                    <div class="card-header pb-0">
                        <h4 class="mb-0">View Planning Total Qty</h4>
                    </div>
                    <hr class="horizontal dark mt-0">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-2">
                                    <div class="form-group">
                                        <label class="form-control-label">Qty Satpam</label>
                                        <input type="number"
                                            class="form-control @error('total_porsi_satpam') is-invalid @enderror"
                                            name="total_porsi_satpam" value="{{ $menuPlan->total_porsi_satpam ?? '-' }}"
                                            min="0" readonly>
                                        @error('total_porsi_satpam')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="mb-2">
                                    <div class="form-group">
                                        <label class="form-control-label">Qty Office</label>
                                        <input type="number"
                                            class="form-control @error('total_porsi_office') is-invalid @enderror"
                                            name="total_porsi_office" value="{{ $menuPlan->total_porsi_office ?? '-' }}"
                                            min="0" readonly>
                                        @error('total_porsi_office')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-2">

                                    <div class="form-group">
                                        <label class="form-control-label">Qty Produksi</label>
                                        <input type="number"
                                            class="form-control @error('total_porsi_produksi') is-invalid @enderror"
                                            name="total_porsi_produksi"
                                            value="{{ $menuPlan->total_porsi_produksi ?? '-' }}" min="0" readonly>
                                        @error('total_porsi_produksi')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-2">

                                    <div class="form-group">
                                        <label class="form-control-label">Qty Mess</label>
                                        <input type="number"
                                            class="form-control @error('total_porsi_mess') is-invalid @enderror"
                                            name="total_porsi_mess" value="{{ $menuPlan->total_porsi_mess ?? '-' }}"
                                            min="0" readonly>
                                        @error('total_porsi_produksi')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>



                </div>
            </div>
        </div>
    </div>
@endsection