@extends('admin.layouts.app')

@section('content')

    @include('admin.layouts.flash-message')
    {{ Form::open(["route"=>"admin.user.index", "method"=>"get"]) }}
    <div class="table-wrap">
        <div class="table-wrap-left">
            <table class="table2">
                <tr>
                    <th>登録日 </th>
                    <td>
                        <ul class="table-list2">
                            <li>
                                <input type="date" name="search_params[start_date]" value="{{ isset($search_params['start_date']) ? $search_params['start_date'] : '' }}" placeholder="年/月/日" class="text">
                            </li>
                            <li>～</li>
                            <li>
                                <input type="date" name="search_params[end_date]" value="{{ isset($search_params['end_date']) ? $search_params['end_date'] : '' }}" placeholder="" class="text">
                            </li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <th>都道府県</th>
                    <td>
                        <select name="search_params[pref]">
                            <option value="">選択してください</option>
                            @foreach(\App\Service\AreaService::getAllPrefecture() as $key => $name)
                                <option value="{{ $key }}" {{ (isset($search_params['pref']) ? $search_params['pref'] : '') == $key ? 'selected' : '' }}>{{ $name }}</option>
                            @endforeach
                        </select>
                    </td>
                </tr>
            </table>
        </div>
        <div class="table-wrap-right">
            <table class="table2">
                <tr>
                    <th>お名前</th>
                    <td><input type="text" placeholder="" name="search_params[name]" class="text" value="{{ isset($search_params['name']) ? $search_params['name'] : '' }}"></td>
                </tr>
                <tr>
                    <th>メールアドレス</th>
                    <td><input type="text" placeholder="" class="text" name="search_params[email]"  value="{{ isset($search_params['email']) ? $search_params['email'] : '' }}"></td>
                </tr>
            </table>
        </div>
        <div class="search-btn">
            <input type="submit" class="ok coilok" value="検索">
            <input type="button" onclick='location.href="{{ route('admin.user.index') }}"' class="ok coilok" value="クリア">
        </div>
    </div>
    {{ Form::close() }}
    <div class="tour-content">
        <h2 class="title float-l">サポーター一覧</h2>
        <p class="float-l pagecount">{{ $users->count() }}件/全{{ $users->total() }}件</p>
    </div>
    <div class="scroll">
        <table class="table text-centre">
            <thead>
            <tr>
                <th></th>
                <th>ID</th>
                <th>顔写真</th>
                <th>登録日</th>
                <th>都道府県</th>
                <th>サポーター名</th>
                <th>会社名</th>
                <th>お名前</th>
                <th>メールアドレス</th>
                <th>依頼台数</th>
                <th>成約台数</th>
                <th>ランク</th>
                <th>承認／非承認</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @if($users->count() > 0)
                @foreach($users as $user)
                    <tr>
                        <td><a href="{{ route('admin.user.edit', ['user' => $user->id]) }}" class="detail">詳細</a></td>
                        <td>{{ $user->member_no }}</td>
                        <td>@if(!empty($user->profile_image) && Storage::disk('users')->has($user->id.'/'.$user->profile_image))
                                <a href="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->profile_image }}" data-lity="data-lity"><img src="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->profile_image }}" width="100"></a>
                            @endif</td>
                        <td>{{ Carbon::parse($user->created_at)->format('Y/m/d') }}</td>
                        <td>{{ isset($user->ob_prefecture->prefecture_name) ? $user->ob_prefecture->prefecture_name : '' }}</td>
                        <td>{{ $user->supporter_id }}</td>
                        <td>{{ $user->company_name }}</td>
                        <td>{{ $user->name }}</td>
                        <td>{{ $user->email }}</td>
                        <td>{{ $user->vehicle->count() > 0 ? number_format($user->vehicle->count()) : '' }}</td>
                        <td>{{ empty($user->getRankVehicle()) ? '' : number_format($user->getRankVehicle()) }}</td>
                        <td><a href="#" data-rank="{{ $user->rank }}" data-user_id="{{ $user->id }}">{{$user->rank ? config('const.user_rank_status.'.$user->rank) : 'ランクなし'}}</a></td>
                        <td>{{ config('const.confirm_status.'.$user->confirm_status) }}</td>
                        <td>
                            @if($user->active_status == config('const.user_active_status_code.stop'))
                                <button type="button" class="delete user_active_btn" data-message="再開" data-url="{{ route("admin.user.stop", ["user"=>$user->id, "active_status"=>config('const.user_active_status_code.active')]) }}">再開</button>
                            @elseif($user->active_status == config('const.user_active_status_code.active'))
                                <button type="button" class="delete user_active_btn" data-message="停止" data-url="{{ route("admin.user.stop", ["user"=>$user->id, "active_status"=>config('const.user_active_status_code.stop')]) }}">停止</button>
                            @elseif($user->active_status == config('const.user_active_status_code.exit'))
                                退会
                            @endif
                        </td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="13">データが存在しません。</td>
                </tr>
            @endif
            </tbody>
        </table>
    </div>
    {{ $users->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}

    <div id="select_rank" title="test" style="display:none;z-index: 9999999">
        <p>
            <div class="radiobtn-wrap">
                <input type="radio" name="rank_status" id="rank_status0" value="0">
                <label for="rank_status0" class="rank_status">ランクなし</label>
            </div>
            @foreach(config('const.user_rank_status') as $key => $value)
                <div class="radiobtn-wrap">
                    <input type="radio" name="rank_status" id="rank_status{{ $key }}" value="{{ $key }}">
                    <label for="rank_status{{ $key }}" class="rank_status{{ $key }}">{{ $value }}</label>
                </div>
            @endforeach
            <span id="confirm_text"></span>
        </p>
    </div>

    {{ Form::open(["id"=>"active_form"]) }}
    {{ Form::close() }}
@endsection

@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                $(".user_active_btn").click(function () {
                    let message = $(this).data('message');
                    let url = $(this).data('url');
                    helper_confirm("dialog-confirm", message, "サポーターを" + message + "します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                        $("#active_form").attr('action', url);
                        $("#active_form").submit();
                    });
                });
                $(".change_rank").click(function () {
                    let current_element = $(this);
                    let rank = $(this).attr('data-rank');
                    $('input[name="rank_status"]').removeAttr('checked');
                    $("#rank_status" + rank).prop('checked', true);
                    helper_confirm("select_rank", "ランク変更", "", 300, "変更", "閉じる",function(){
                        let value = $('input[name="rank_status"]:checked').val();

                        $.ajax({
                            type: "post",
                            url : '{{ route("admin.user.update_rank") }}',
                            data: {
                                'user_id':current_element.data('user_id'),
                                'value':value,
                                _token: '