@extends('layouts.main')

@section('title', 'Create Season')

@section('css') @endsection

@section('nav')
    @include('layouts.nav')
@endsection

@section('content')

       <!-- Main-body start -->
    <div class="main-body" >
        <div class="page-wrapper">
           

                <!-- Page header start -->
                <div class="page-header">

                    <div class="page-header-title">
                        <h3>Create Season</h3>
                    </div>

                    <div class="page-header-breadcrumb">
                     
                       <ul class="breadcrumb-title">
                        <li class="breadcrumb-item">
                            <a href="{{ url('/') }}">
                                <i class="icofont icofont-home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item"><a href="">Rates & Availability</a>
                        </li>
                        <li class="breadcrumb-item"><a href="#!">Create Season</a>
                        </li>
                    </ul>
                    </div>

                </div>
                <!-- Page header end -->

                <!-- Page body start -->
                 <div class="col-md-12">
                   <div class="m-l-15">
                   	<h6 class="mini-panel-title-1">
                         Date
                        </h6>

                       {!! Form::open(['action' => 'RatesAndAvailability@storeSeason', 'method' => 'POST']) !!}

                    <div class="col-sm-12 col-xl-3 m-b-30 date-select-1 m-l-15">
                      <P>From</P>
                      <input class="form-control" name="start" type="date" value="" required/>
                    </div>

                    <div class="col-sm-12 col-xl-3 m-b-30 date-select-1">
                      <P>To </P>
                      <input class="form-control" name="end" type="date" value="" required/>
                    </div>

                   </div> 

                   <div class="m-l-15">
                   	
                   	<h6 class="mini-panel-title-1">
                         Rate plans
                    </h6>


                    <div class="col-md-4 m-l-15">
                      <ul class="room-type-ul" id="checkbox_1">
						
						{{--<li class="checkbox-fade fade-in-primary p-b-15">--}}
                          {{--<button type="button" id="selectAll_1" class="select-all">--}}
                          	{{--<span class="sub"></span> Select All--}}
                          {{--</button>--}}
						{{--</li>--}}

                          @foreach($rooms as $room)
                              @foreach($room->ratePlans as $ratePlan)
                                  @foreach($ratePlan->occupancies as $occupancy)
                                      <li class="checkbox-fade fade-in-info">
                                          <label class="check-task">
                                              {{--<input type="checkbox" name="rooms[]" value="{{ $room->id }}" checked="checked" disabled="disabled">--}}
                                              <span class="cr">
                                                <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                              </span>
                                              <span>
                                                  {{ $room->roomtype->name.' '.$ratePlan->ratecode->code.' '.$occupancy->code.' occupancy' }}
                                              </span>
                                          </label>
                                          <input type="hidden" name="occupancy_rateplan_ids[]" value="{{ $occupancy->pivot->id }}">
                                          <input class="form-control" type="number" min="3.8" step="0.1" name="{{ $occupancy->pivot->id }}" value="" required>
                                      </li>
                                  @endforeach
                              @endforeach

                          @endforeach

                       </ul>
                      </div> 

                      <div class="col-md-6 m-l-15">
                      	 <button class="btn btn-info m-t-30">Update Season</button>
                      </div>

                       {!! Form::close() !!}

					</div> 

				   </div>


        </div>
      </div>

@endsection

@section('scripts')
<script>
        $(document).ready(function () {
            $('body').on('click', '#selectAll_1', function () {
                if ($(this).hasClass('allChecked')) {
                    $('input[type="checkbox"]', '#checkbox_1').prop('checked', false);
                } else {
                    $('input[type="checkbox"]', '#checkbox_1').prop('checked', true);
                }
                $(this).toggleClass('allChecked');
            })
        });
    </script>

@endsection