@extends('backend.layouts.app')

@section('content')

    <h2 class="title">表示項目設定―{{ $parts_category->name }}</h2>
    @include('backend.layouts.flash-message')
    {{ Form::open(["route"=>"backend.parts.products.save_parts_item"]) }}
    <table class="normal type3">
        <tr>
            <th>項目名</th>
            <th>ＨＰ一覧画面<br>
                （※最大5項目）
            </th>
            <th>HP詳細一覧画面<br>
                （※最大１５項目）</th>
        </tr>
        <input type="hidden" name="parts_category_id" value="{{ $parts_category->id }}">
        @foreach(config('const.parts_item_list') as $field => $field_name)
            @php
            $list_name = 'list_'.$field;
            $detail_name = 'detail_'.$field;
            $list_sequence = old($list_name, isset($parts_category->parts_item->$list_name) ? $parts_category->parts_item->$list_name : '');
            $detail_sequence = old($detail_name, isset($parts_category->parts_item->$detail_name) ? $parts_category->parts_item->$detail_name : '');
            @endphp
        <tr>
            <td>
                {{ $field_name }}
            </td>
            <td>
                <div class="company">
                    <div class="checkbtn-wrap">
                        <input type="checkbox" name="is_list_{{ $field }}" class="list_item_check" id="is_list_item{{ $field }}" value="1" {{ old('is_list_'.$field, $list_sequence) ? 'checked' : '' }}>
                        <label class="check_label" for="is_list_item{{ $field }}"></label>
                    </div>
                    <div>表示順番：</div>
                    <div>
                        <input type="number" name="list_{{ $field }}" class="input-text num" value="{{ $list_sequence }}">
                    </div>
                </div>
            </td>
            <td>
                <div class="company">
                    <div class="checkbtn-wrap">
                        <input type="checkbox" name="is_detail_{{ $field }}" class="detail_item_check" id="is_detail_item{{ $field }}" value="1" {{ old('is_detail_'.$field, $detail_sequence) ? 'checked' : '' }}>
                        <label class="check_label" for="is_detail_item{{ $field }}"></label>
                    </div>
                    <div>表示順番：</div>
                    <div>
                        <input type="number" name="detail_{{ $field }}" class="input-text num" value="{{ $detail_sequence }}">
                    </div>
                </div>
            </td>
        </tr>
        @endforeach
    </table>
    <div class="center-submit center">
        <input type="hidden" name="sub_category" value="{{ $parts_category->id }}">
        <input type="button" class="clear_item" value="クリア">
        <input type="submit" value="確認">
        <input type="button" value="戻る" onclick='location.href="{{ route("backend.parts.products.parts_item_list") }}"'>
    </div>
    {{ Form::close() }}
@endsection

@section('page_css')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}?20201224" rel="stylesheet">
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(function () {
            $(document).ready(function () {
                $(".list_item_check").click(function () {
                    if ($(this).prop('checked') && $(".list_item_check:checked").length === 6) {
                        $(this).prop('checked', false);
                        showAlertDialog('エラー', '5つ以下を選択できます。');
                    }
                });
                $(".detail_item_check").click(function () {
                    if ($(this).prop('checked') && $(".detail_item_check:checked").length === 16) {
                        $(this).prop('checked', false);
                        showAlertDialog('エラー', '15つ以下を選択できます。');
                    }
                });

                $(".clear_item").click(function () {
                    helper_confirm("dialog-confirm", "クリア", 'クリアします。<br />よろしいですか？', 300, "確認", "閉じる", function(){
                        $.ajax({
                            type: 'post',
                            url: '{{ route("backend.{$department}.products.reset_item") }}',
                            data: {
                                'category_id':"{{ $parts_category->id }}",
                                _token: '