@extends('layouts.app')
@section('title', '[東京都|〇〇駐輪場] オペレータキュー')
@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-lg-6">
                    <h1 class="m-0 text-dark">{{__('オペレータキュー')}}</h1>
                </div><!-- /.col -->
                <div class="col-lg-6">
                    <ol class="breadcrumb float-sm-right text-sm">
                        <li class="breadcrumb-item"><a href="{{route('home')}}">XX様info(ホーム)</a></li>
                        <li class="breadcrumb-item"><a href="javascript: void(0);">[東京都|〇〇駐輪場]</a></li>
                        <li class="breadcrumb-item active">{{__('オペレータキュー')}}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
    <!-- キューステータス -->
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header"><h3 class="card-title">絞り込みフィルター</h3></div>
                <div class="card-body">
                    <form action="{{ route('operator_ques') }}" method="POST" id="filter-form">
                        @csrf
                        <input type="hidden" name="sort" id="sort" value="{{ $sort ?? '' }}">
                        <input type="hidden" name="sort_type" id="sort_type" value="{{ $sort_type ?? '' }}">

                        <div class="row">
                            <div class="form-group col-12">
                                <label>キューステータス</label>
                                <select name="que_status" class="form-control">
                                    <option value="">-- 選択してください --</option>
                                    @foreach(\App\Models\OperatorQue::QueStatus as $key => $label)
                                        <option value="{{ $key }}"
                                            @if(old('que_status', $que_status ?? '') == $key) selected @endif>
                                            {{ $label }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group col-12 text-left mt-2">
                            <button type="submit" name="action" value="filter" class="btn btn-default">絞り込み</button>
                            <button type="submit" name="action" value="reset" class="btn btn-default">解除</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>








        <div class="container-fluid">
            <!-- SELECT2 EXAMPLE -->


            <div class="row">
                <form action="{{route('operator_ques')}}" method='post' id='list-form'>
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <input type="hidden" value="{{$sort}}" name="sort" id="sort">
                    <input type="hidden" value="{{$sort_type}}" name="sort_type" id="sort_type">
                </form>

                <div class="container-fluid mb20">
                    <button type="submit" class="btn btn-sm btn-default mr10" name="delete"
                            id="delete">{{__('削除')}}</button>
                    <button type="submit" class="btn btn-sm btn-default mr10" name="import_csv" id="import_csv" action="{{route('operator_ques_import')}}">{{__('インポート')}}</button>
                    <button type="submit" class="btn btn-sm btn-default mr10" name="export_csv" id="export_csv" action="{{route('operator_ques_export')}}">{{__('CSV出力')}}</button>
                    {{ $list->appends(['sort' => $sort,'sort_type'=>$sort_type])->links('pagination') }}
                </div>
                <div class="form col-lg-12">
                    @if(Session::has('success'))
                        <div class="alert alert-success alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            {{ Session::get('success') }}
                        </div>
                    @elseif(Session::has('error'))
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
                            {!! Session::get('error') !!}
                        </div>
                    @elseif(isset($errorMsg))
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
                            {!! $errorMsg !!}
                        </div>
                    @endif
                </div>
                <div class="col-lg-12 row sample03-wrapper no_padding_right mb20">
                    <div class="col-xl-2 col-lg-2 col-md-2 col-sm-3 col-xs-3 table_left">
                        <form action="{{route('operator_ques_delete')}}" method="post" id="form_delete">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <table class="table dataTable">
                                <thead>
                                <tr>
                                    <th>
                                        <input type="checkbox" class="minimal m-0" id="checkbox_all">
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($list as $item)
                                    <tr role="row">
                                        <td>
                                            <input type="checkbox" class="minimal m-0 checkbox"
                                                value="{{ $item->que_id }}" name="pk[]">
                                            <div class="btn_action">
                                                {{-- 詳細 --}}
                                                {{-- <a href="{{ route('operator_ques_add') }}" class="btn btn-sm btn-default">詳細</a> --}}

                                                {{-- 編集 --}}
                                                <a href="{{ route('operator_ques_info', ['id' => $item->que_id]) }}"
                                                class="btn btn-sm btn-default ml10">{{ __('編集') }}</a>
                                            </div>
                                        </td>


                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </form>
                    </div>
                    <div class="col-lg-10 col-xl-10 col-md-10 col-sm-9 col-xs-9 table_right no_padding_right">
                        <div class="scroll">
                            <table class="table dataTable">
                                <thead>
                                <tr>
                                    <!--キューID-->
                                    <th class="sorting @if($sort=="que_id"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
                                        sort="que_id"><span>{{__('validation.attributes.que_id')}}</span>
                                    </th>
                                    <!-- 利用者名 -->
                                    <th class="sorting @if($sort=="user_id"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
                                        sort="user_id"><span>{{__('validation.attributes.user_name')}}</span>
                                    </th>

                                    <!-- 携帯電話番号 -->
                                    <th><span>{{__('validation.attributes.user_mobile')}}</span></th>

                                    <!-- 自宅電話番号 -->
                                    <th><span>{{__('validation.attributes.user_homephone')}}</span></th>
                                    <!-- 駐輪場 -->
                                    <th class="sorting @if($sort=="park_name"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
                                        sort="park_name"><span>{{__('validation.attributes.park_name')}}</span>
                                    </th>

                                    <!-- キュー種別 -->
                                    <th class="sorting @if($sort=="que_class"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
                                        sort="que_class"><span>{{__('validation.attributes.que_class')}}</span>
                                    </th>

                                    <!-- キューコメント -->
                                    <th class="sorting @if($sort=="que_comment"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
                                        sort="que_comment"><span>{{__('validation.attributes.que_comment')}}</span>
                                    </th>

                                    <!-- キューステータス -->
                                    <th class="sorting @if($sort=="que_status"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
                                        sort="que_status"><span>{{__('validation.attributes.que_status')}}</span>
                                    </th>
                                    <!-- キューステータスコメント -->
                                    <th><span>{{__('validation.attributes.que_status_comment')}}</span></th>

                                    <!-- 処理リンク -->
                                    <th><span>{{__('validation.attributes.processing')}}</span>
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($list as $item)
                                    <tr>
                                        <td class='sm-item text-left'>
                                            <span>{{mb_substr($item->que_id, 0, 10)}}</span></td>
                                        <!-- 利用者名 -->
                                        <td class='sm-item text-right'>
                                            <span>{{mb_substr(!empty($item->getUser())?$item->getUser()->user_name:"", 0, 10)}}</span></td>
                                        <!--  携帯電話番号 -->
                                        <td class='sm-item text-left'>
                                            <span>{{mb_substr(!empty($item->getUser())?$item->getUser()->user_mobile:"", 0, 15)}}</span></td>

                                        <!-- 自宅電話番号 -->
                                        <td class='sm-item text-left'>
                                            <span>{{mb_substr(!empty($item->getUser())?$item->getUser()->user_homephone:"", 0, 15)}}</span></td>
                                        <!-- 駐輪場 -->
                                        <td class='sm-item text-right'>
                                            <span>{{mb_substr(!empty($item->getPark())?$item->getPark()->park_name:"", 0, 10)}}</span></td>
                                        <!-- キュー種別 -->
                                        <td class='sm-item text-right'>
                                            <span>{{ mb_substr($item->getQueClassLabel(), 0, 10) }}</span>
                                        </td>

                                        <!-- キューコメント -->
                                        <td class='sm-item text-right'>
                                            <span>{{ mb_substr($item->que_comment, 0, 20) }}</span>
                                        </td>

                                        <!-- キューステータス -->
                                        <td class='sm-item text-right'>
                                            <span>{{ mb_substr($item->getQueStatusLabel(), 0, 10) }}</span>
                                        </td>

                                        <!-- キューステータスコメント -->
                                        <td class='sm-item text-right'>
                                            <span>{{mb_substr($item->que_status_comment, 0, 20)}}</span></td>

                                        <!-- //TODO 処理リンク -->
                                        <td class='sm-item text-left'><span></span></td>

                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->

@endsection