@extends('backend.layouts.app')

@section('content')
@include('backend.layouts.flash-message')
<h2 class="title">予約カレンダー休業日設定</h2>
{{ Form::open(["route"=>"backend.rental.holidays.index", "method"=>"post"]) }}
<div class="schedule_head">
    <table class="normal4">
        <tr>
            <td>
                <div class="select-wrap">
                    <label>
                        <select name="search_params[year]" id="search_params[year]" class="search_param">
                            @for ($year_i = $now->year-2; $year_i < $now->year+2; $year_i++)
                                <option value="{{ $year_i }}" {{ $search_params['year'] == $year_i ? 'selected' : '' }}>
                                    {{ $year_i }}</option>
                                @endfor
                        </select>
                    </label>
                </div>
            </td>
            <td>
                <span class="block">年</span>
            </td>
            <td>
                <div class="select-wrap">
                    <label>
                        <select name="search_params[month]" id="search_params[month]" class="search_param">
                            @for ($month_i = 1; $month_i < 13; $month_i++) <option value="{{ $month_i }}"
                                {{ $search_params['month'] == $month_i ? 'selected' : '' }}>{{ $month_i }}</option>
                                @endfor
                        </select>
                    </label>
                </div>
            </td>
            <td>
                <span class="block">月</span>
            </td>
            <td>
                <div class="center-submit t_center">
                    <input type="submit" value="表示" class="search_button" formmethod="get">
                </div>
            </td>
        </tr>
    </table>
</div>

<div class="hscroll-sp">
    <div class="center-submit flex">
        <input type="submit" value="前の月へ" class="search_button" formmethod="get" formaction="{{ route('backend.rental.holidays.prev') }}">
        <input type="submit" value="次の月へ" class="search_button" formmethod="get" formaction="{{ route('backend.rental.holidays.next') }}">
    </div>
    <table class="normal type5 sticky_table">
        <tr>
            <th>月</th>
            <th>火</th>
            <th>水</th>
            <th>木</th>
            <th>金</th>
            <th class="Sat">土</th>
            <th class="Sun">日</th>
        </tr>
        @foreach($week_array as $date_array)
        <tr>
            @foreach ($date_array as $date)
            <td class="{{ $date["is_holiday"] ? "holiday" : "" }}">
                @if(!$date["is_another_month"])
                <p class="{{ $date["is_sat"] ? "Sat" : "" }} {{ $date["is_sun"] ? "Sun" : "" }}">{{ $date["day"] }}</p>
                <select name="holidays[{{ $date['date'] }}]">
                    <option value=""></option>
                    <option value="1" {{ $date["is_holiday"] ? "selected" : "" }}>休業日</option>
                </select>
                @endif
            </td>
            @endforeach
        </tr>
        @endforeach
    </table>
    <div class="center-submit t_center">
        <button formaction="{{ route('backend.rental.holidays.update') }}">更新</button>
    </div>
</div>
{{ Form::close() }}
@endsection

@section('page_css')
<style>
    table.normal.type5 td {
        padding: 10px;
    }

    td p {
        margin-bottom: 10px;
    }

    table.normal.type5 td.holiday {
        background-color: #ffe1e1;
    }

    .center-submit input[type=submit].search_button {
        width: auto;
        height: auto;
        padding: 5px 10px;
    }

    .select-wrap{
        width: 100%;
    }

    .flex{
        display: flex;
        justify-content: space-between;
    }
</style>
@endsection