@extends('../layout/home-layout')

@section('title','Daily Forecast')

    @section('home-content')


    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 inline-grid flex-wrap sm:flex-no-wrap items-center mt-2">
        
         <label style="margin-left: 2%">Report Date</label>

         <form action="daily_forecast_view">

            <input type="date" name="date" class="input border mt-1" style="width: 20%; margin-left:2%;display:inline;" value="{{$checkinday}}" >
            <button type="submit">SEARCH</button>
        </form>

        <div class="daily-forecast-label-box hidden md:block mr-auto text-gray-600">

           @forelse($meals_count as $row)
              @if($row['meal_plan']==1)
              <div class="grid grid-cols-12 gap-1">
                <div class="col-span-12 sm:col-span-6 xl:col-span-9 intro-y"><span class="label-side">Tomorrow Breakfast Pax :</span></div>
                <div class="col-span-12 sm:col-span-6 xl:col-span-2 intro-y"><div class="value-side">{{$row['paxs']}} </div></div>
              </div>
              @endif

              @if($row['meal_plan']==2)
              <div class="grid grid-cols-12 gap-1">
                <div class="col-span-12 sm:col-span-6 xl:col-span-9 intro-y"><span class="label-side">Tomorrow Lunch Pax : </span></div>
                <div class="col-span-12 sm:col-span-6 xl:col-span-2 intro-y"><div class="value-side"> {{$row['paxs']}} </div></div>
              </div>
              @endif

              @if($row['meal_plan']==3)
              <div class="grid grid-cols-12 gap-1">
                <div class="col-span-12 sm:col-span-6 xl:col-span-9 intro-y"><span class="label-side">Tonight Dinner Pax :</span></div>
                <div class="col-span-12 sm:col-span-6 xl:col-span-2 intro-y"><div class="value-side"> {{$row['paxs']}} </div></div>
              </div>
              @endif

           @empty 
           @endforelse

        </div>

        <a style="width:20%; margin-left:25px;" class="button bg-theme-6 text-white" href="{{route('print_daily_forecast')}}?date={{$checkinday}}" target="_blank">PRINT FORECAST</a>

        </div>
        <!-- BEGIN: Data List -->

        <div class="intro-y col-span-12 overflow-auto lg:overflow-visible">
        <table class="table table-report -mt-2" >
            <thead>
                <tr>
                    <th class="whitespace-no-wrap">Reservation ID</th>
                    <th class="whitespace-no-wrap">Room No</th>
                    <th class="whitespace-no-wrap">Basis</th>
                    <th class="whitespace-no-wrap">Paxs</th>
                    <th class="whitespace-no-wrap">Travel Agent</th>
                    <th class="whitespace-no-wrap">Checkin Date</th>
                    <th class="whitespace-no-wrap">Checkout Date</th>
                    <th class="whitespace-no-wrap">Status</th>
                </tr>
            </thead>

            <tbody >
                
                @foreach ($reports as $row)
                    <tr>
                        <td>{{$row->code}}</td>
                        <td>{{$row->get_room->room_name}}</td>
                        <td>{{$row->get_meal_plan->mealPlanCode}}</td>
                        <td>{{$row->mealcount}}</td>
                        <td>{{$row->agentName}}</td>
                        <td>{{$row->checkinDate}}</td>
                        <td>{{$row->checkoutDate}}</td>

                        @switch($row->status)
                            @case(0)
                                    <td>Pending</td>
                                @break
                            @case(1)
                                    <td>Confirmed</td>
                                @break
                            @case(2)
                                    <td>Checked-in</td>
                                @break
                            @case(3)
                                    <td>Checkout</td>
                                @break    
                            @case(4)
                                    <td>Cancelled</td>
                                @break    
                            @default
                                
                        @endswitch

                    </tr>
                @endforeach

            </tbody>

        </table>

    </div>
       
    </div>


    @endsection