@extends('backend.layouts.app')

@section('content')

    <h2 class="title">オーダー一覧</h2>
    @include('backend.layouts.flash-message')
    {{ Form::open(["route"=>"backend.{$department}.orders.index", "method"=>"get"]) }}
        <div class="search_wrap">
            <h3 class="search_title">絞り込み</h3>
            <div class="table-search_wrap">
                <table class="search half_table">
                    <tr>
                        <th>受付No.</th>
                        <td><input type="text" name="order_no" value="{{ isset($search_params['order_no']) ? $search_params['order_no'] : '' }}" class="input-text"></td>
                        <th>見積作成日</th>
                        <td>
                            <div class="company">
                                <div class="calendar-wrap2">
                                    <label for="">
                                    <input type="text" name="estimate_start_date" autocomplete="off" value="{{ isset($search_params['estimate_start_date']) ? $search_params['estimate_start_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span><span>～</span>
                                </div>
                                <div class="calendar-wrap2">

                                    <label for="">
                                    <input type="text" name="estimate_end_date" autocomplete="off" value="{{ isset($search_params['estimate_end_date']) ? $search_params['estimate_end_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                            </div>
                        </td>
                        <th>ステータス</th>
                        <td>
                            <div class="select-wrap">
                                <label>
                                    <select name="order_status">
                                        <option value=""></option>
                                        @foreach (config('const.order_status') as $key=>$item)
                                            <option value="{{ $key }}" {{ (isset($search_params['order_status']) ? $search_params['order_status'] : '') == $key ? 'selected' : '' }}>{{ $item }}</option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                        </td>
                        <th>受注登録日</th>
                        <td>
                            <div class="company">
                                <div class="calendar-wrap2">
                                    <label for="">
                                    <input type="text" name="accept_start_date" autocomplete="off" value="{{ isset($search_params['accept_start_date']) ? $search_params['accept_start_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span><span>～</span>
                                </div>
                                <div class="calendar-wrap2">

                                    <label for="">
                                    <input type="text" name="accept_end_date" autocomplete="off" value="{{ isset($search_params['accept_end_date']) ? $search_params['accept_end_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                            </div>
                        </td>
                        <th>種別</th>
                        <td>
                            <div class="select-wrap">
                                <label>
                                    <select name="matter_type">
                                        <option value=""></option>
                                        @foreach (config('const.matter_type') as $key=>$item)
                                            <option value="{{ $key }}" {{ (isset($search_params['matter_type']) ? $search_params['matter_type'] : '') == $key ? 'selected' : '' }}>{{ $item }}</option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                        </td>
                        <th>工程作成日</th>
                        <td>
                            <div class="company">
                                <div class="calendar-wrap2">
                                    <label for="">
                                    <input type="text" name="process_start_date" autocomplete="off" value="{{ isset($search_params['process_start_date']) ? $search_params['process_start_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span><span>～</span>
                                </div>
                                <div class="calendar-wrap2">
                                    <label for="">
                                    <input type="text" name="process_end_date" autocomplete="off" value="{{ isset($search_params['process_end_date']) ? $search_params['process_end_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                            </div>
                        </td>
                        <th>顧客名</th>
                        <td><input type="text" name="partner_name" value="{{ isset($search_params['partner_name']) ? $search_params['partner_name'] : '' }}" class="input-text"></td>
                        <th>回送依頼日</th>
                        <td>
                            <div class="company">
                                <div class="calendar-wrap2">
                                    <label for="">
                                    <input type="text" name="forwarding_start_date" autocomplete="off" value="{{ isset($search_params['forwarding_start_date']) ? $search_params['forwarding_start_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span><span>～</span>
                                </div>
                                <div class="calendar-wrap2">

                                    <label for="">
                                    <input type="text" name="forwarding_end_date" autocomplete="off" value="{{ isset($search_params['forwarding_end_date']) ? $search_params['forwarding_end_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                            </div>
                        </td>
                        <th>主作業</th>
                        <td>
                            <div class="select-wrap">
                                <label>
                                    <select name="vehicle_work_id">
                                        <option value=""></option>
                                        @foreach ($vehicle_works as $key=>$item)
                                            <option value="{{ $key }}" {{ (isset($search_params['vehicle_work_id']) ? $search_params['vehicle_work_id'] : '') == $key ? 'selected' : '' }}>{{ $item }}</option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                        </td>
                        <th>発注登録日</th>
                        <td>
                            <div class="company">
                                <div class="calendar-wrap2">
                                    <label for="">
                                    <input type="text" name="purchase_start_date" autocomplete="off" value="{{ isset($search_params['purchase_start_date']) ? $search_params['purchase_start_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span><span>～</span>
                                </div>
                                <div class="calendar-wrap2">

                                    <label for="">
                                    <input type="text" name="purchase_end_date" autocomplete="off" value="{{ isset($search_params['purchase_end_date']) ? $search_params['purchase_end_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                            </div>
                        </td>
                        <th>車台番号</th>
                        <td><input type="text" name="chassis_no" value="{{ isset($search_params['chassis_no']) ? $search_params['chassis_no'] : '' }}" class="input-text"></td>
                        <th>請求登録日</th>
                        <td>
                            <div class="company">
                                <div class="calendar-wrap2">
                                    <label for="">
                                    <input type="text" name="work_reception_start_date" autocomplete="off" value="{{ isset($search_params['work_reception_start_date']) ? $search_params['work_reception_start_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span><span>～</span>
                                </div>
                                <div class="calendar-wrap2">

                                    <label for="">
                                    <input type="text" name="work_reception_end_date" autocomplete="off" value="{{ isset($search_params['work_reception_end_date']) ? $search_params['work_reception_end_date'] : '' }}" class="datepicker">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="center-submit t_center">
                <button type="submit">検索</button>
            </div>
        </div>
        <input type="hidden" name="tab_index" id="tab_index">
    {{ Form::close() }}
    <ul class="subtitleandbtns mt0">
        <li class="add_fieldbtn ma0 non-icon"><a href="{{ route("backend.{$department}.orders.create") }}">一般オーダー登録</a></li>
        <li class="add_fieldbtn ma0 non-icon"><a href="{{ route("backend.{$department}.out_repair.create") }}">出張修理見積登録</a></li>
    </ul>
    <ul class="tab four">
        <li id="TAB1" class="{{ $tab_index == '' ? 'select' : '' }}">すべて</li>
        <li id="TAB2" class="{{ $tab_index == config('const.matter_type_code.groove') ? 'select' : '' }}">グルーブ受付</li>
        <li id="TAB3" class="{{ $tab_index == config('const.matter_type_code.general') ? 'select' : '' }}">一般受付</li>
        <li id="TAB4" class="{{ $tab_index == config('const.matter_type_code.out_repair') ? 'select' : '' }}">出張修理</li>
    </ul>
    <ul class="content">
        <li class="TAB1 {{ $tab_index == '' ? '' : 'hide' }}">
            @include('backend.share.orders.tab._t_order_1', ['params'=>$orders, 'tab'=>''])
        </li>
        <li class="{{ $tab_index == config('const.matter_type_code.groove') ? '' : 'hide' }} TAB2">
            @include('backend.share.orders.tab._t_order_1', ['params'=>$groove_orders, 'tab'=>config('const.matter_type_code.groove')])
        </li>
        <li class="{{ $tab_index == config('const.matter_type_code.general') ? '' : 'hide' }} TAB3">
            @include('backend.share.orders.tab._t_order_1', ['params'=>$general_orders, 'tab'=>config('const.matter_type_code.general')])
        </li>
        <li class="{{ $tab_index == config('const.matter_type_code.out_repair') ? '' : 'hide' }} TAB4">
            @include('backend.share.orders.tab._t_order_1', ['params'=>$out_repair_orders, 'tab'=>config('const.matter_type_code.out_repair')])
        </li>
    </ul>

@endsection

@section('page_css')
    <style>
        .calendar-wrap2 label {
            width: 130px !important;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('assets/backend/js/page/order.js') }}"></script>
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(document).ready(function(){
            var tab = '';
            $("#TAB1").click(function(){
                $("#tab_index").val('');
            });
            $("#TAB2").click(function(){
                $("#tab_index").val(1);
            });
            $("#TAB3").click(function(){
                $("#tab_index").val(2);
            });
            $("#TAB4").click(function(){
                $("#tab_index").val(3);
            });
        });
    </script>
@endsection