@extends('admin.layouts.app')

@section('content')
        <div class="tour-content">
            <h2 class="title float-l">サポーター詳細</h2>
        </div>
        {{ Form::open(["route"=>["admin.user.update", ["user"=>$user->id]], "method"=>"put"]) }}
        <table class="table2">
            <tr>
                <th>申込種別</th>
                <td><input type="text" placeholder="" class="text" value="{{ config('const.application_type.' .$user->type) }}" readonly></td>
            </tr>
            @if($user->type == config('const.application_type_code.company'))
            <tr>
                <th>法人名</th>
                <td><input type="text" placeholder="" class="text" value="{{ $user->company_name }}" readonly></td>
            </tr>
            @endif
            <tr>
                <th>お名前</th>
                <td><input type="text" placeholder="" class="text" value="{{ $user->name }}" readonly></td>
            </tr>
            <tr>
                <th>生年月日</th>
                <td>
                    <div class="company birthday">
                        @include('admin.share._yearlist', ['class_name'=>'w40per', 'select_class'=>'birthday_y', 'name'=>'birthday_y', 'id'=>'birthday_y' ,'year' => old('birthday_y', isset($user->birthday_y) ? $user->birthday_y : ''), 'is_birthday'=>true])

                        <div class="select-wrap w100 " >
                            <label>
                                <select name="birthday_m" class="birthday_m">
                                    <option value="" selected>--</option>
                                    @for ($j = 1; $j <= 12; $j++)
                                        <option value="{{ $j }}" {{ (old('birthday_m', isset($user->birthday_m) ? $user->birthday_m : '') == $j)  ? "selected" : "" }}>{{ $j }}月</option>
                                    @endfor
                                </select>
                            </label>
                        </div>
                        <div class="select-wrap w100" >
                            <label>
                                <select name="birthday_d" class="birthday_d">
                                    <option value="" selected>--</option>
                                    @for ($j = 1; $j <= 31; $j++)
                                        <option value="{{ $j }}" {{ (old('birthday_d', isset($user->birthday_d) ? $user->birthday_d : '') == $j)  ? "selected" : "" }}>{{ $j }}日</option>
                                    @endfor
                                </select>
                            </label>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <th>性別</th>
                <td>
                    <div class="select-wrap w100">
                        <label>
                            <select name="gender">
                                <option value="">-</option>
                                @foreach (config('const.user_gender_type') as $key => $gender)
                                    <option value="{{ $key }}" {{ old('gender', $user->gender) == $key ? 'selected' : '' }}>{{ $gender }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>
            </tr>
            <tr>
                <th>電話番号</th>
                <td><input type="text" placeholder="" class="text" value="{{ $user->tel }}" readonly></td>
            </tr>
            <tr>
                <th>郵便番号</th>
                <td><input type="text" placeholder="" class="text" value="{{ $user->zip }}" readonly></td>
            </tr>
            <tr>
                <th>都道府県</th>
                <td><input type="text" placeholder="" class="text" value="{{ isset($user->ob_prefecture->prefecture_name) ? $user->ob_prefecture->prefecture_name : '' }}" readonly></td>
            </tr>
            <tr>
                <th>住所（市区町村以降）</th>
                <td><input type="text" placeholder="" class="text" value="{{ $user->address }}" readonly></td>
            </tr>

            <tr>
                <th>流入経路</th>
                <td><input type="text" placeholder="" class="text" value="{{ is_object($user->ob_inflow) ? $user->ob_inflow->name : '' }}" readonly></td>
            </tr>

            <tr>
                <th>身分証画像</th>
                <td>
                    <ul class="license-list">
                        <li>
                            @if(!empty($user->front_id_img) && Storage::disk('users')->has($user->id.'/'.$user->front_id_img))
                                <a href="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->front_id_img }}" data-lity="data-lity"><img src="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->front_id_img }}"></a>
                            @endif
                        </li>
                        <li>
                            @if(!empty($user->back_id_img) && Storage::disk('users')->has($user->id.'/'.$user->back_id_img))
                                <a href="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->back_id_img }}" data-lity="data-lity"><img src="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->back_id_img }}"></a>
                            @endif
                        </li>
                        <li>
                            @if(!empty($user->face_img) && Storage::disk('users')->has($user->id.'/'.$user->face_img))
                                <a href="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->face_img }}" data-lity="data-lity"><img src="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->face_img }}"></a>
                            @endif
                        </li>
                    </ul>
                </td>
            </tr>
            <tr>
                <th>ID</th>
                <td><input type="text" placeholder="" class="text" value="{{ $user->member_no }}" readonly></td>
            </tr>
            <tr>
                <th>サポーターID</th>
                <td><input type="text" placeholder="" class="text" value="{{ $user->supporter_id }}" readonly></td>
            </tr>
        </table>
        <div class="table-wrap-left">
            <table class="table2">
                <tr>
                    <th>銀行名</th>
                    <td><input type="text" placeholder="" class="text" value="{{ is_object($user->ob_bank) ? $user->ob_bank_branch->bank_code . $user->ob_bank->name : '' }}" readonly></td>
                </tr>
                <tr>
                    <th>支店名</th>
                    <td><input type="text" placeholder="" class="text" value="{{ is_object($user->ob_bank_branch) ? $user->ob_bank_branch->branch_code . $user->ob_bank_branch->name : '' }}" readonly></td>
                </tr>
            </table>
        </div>
        <div class="table-wrap-right">
            <table class="table2">
                <tr>
                    <th>口座種別</th>
                    <td><input type="text" placeholder="" class="text" value="{{ config('const.bank_account_type.' . $user->bank_account_type) }}" readonly></td>
                </tr>
                <tr>
                    <th>口座名義</th>
                    <td><input type="text" placeholder="" class="text" value="{{ $user->bank_account_name }}" readonly></td>
                </tr>
            </table>
        </div>
        <table class="table2 mb">
            <tr>
                <th>口座番号</th>
                <td><input type="text" placeholder="" class="text" value="{{ $user->bank_account_no }}" readonly></td>
            </tr>
        </table>

        <div class="search-btn">
            <input type="submit" value="編集する" class="edit submit_btn">
        </div>
        <div class="search-btn">
            <a href="{{ route("admin.user.index") }}"  class="back">一覧に戻る</a>
            @if ($user->confirm_status == config('const.confirm_status_code.apply'))
                <a href="#" id="accept_confirm_status"  class="edit update_confirm_status"  data-title="承認" data-val="{{ config('const.confirm_status_code.accept') }}">承認</a>
                <a href="#" id="reject_confirm_status"  class="edit update_confirm_status" data-title="非承認" data-val="{{ config('const.confirm_status_code.reject') }}">非承認</a>
            @endif
        </div>
        {{ Form::close() }}

        @if ($user->confirm_status == config('const.confirm_status_code.apply'))
        <div id="user_confirm_dialog" style="display:none">
            <p>
                <span class="ui-icon ui-icon-alert" style="float:left; margin:4px 12px 20px 0;"></span>
                <span id="user_confirm_text"></span>
                <div id="confirm_image">
                    @foreach(config('const.user_image_type') as $key => $field)
                    @if(!empty($user->$field) && Storage::disk('users')->has($user->id.'/'.$user->$field))
                            <a href="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->$field }}" data-lity="data-lity"><img src="{{ asset("storage/users") }}/{{ $user->id }}/{{ $user->$field }}"></a>
                        @endif
                    @endforeach
                </div>
                <textarea id="user_confirm_reason"></textarea>
            </p>
        </div>
        @endif
@endsection

@section('page_css')
    <style>
        .search-btn a {
            display: inline-block;
        }
        #user_confirm_reason {
            height: 50px !important;
        }
        #confirm_image img {
            width: 100px !important;
        }
        #confirm_image {
            text-align: center;
        }
        .hidden {
            display: none !important;
        }
    </style>
@endsection

@section('page_js')
    <script>
        $(function () {


            $(".birthday_y").change(function () {
                if($(this).val()){
                    let name = $(this).attr('name');
                    let month_name = name.replace("_y", "_m");
                    let day_name = name.replace("_y", "_d");
                    let element = '<option></option>';
                    let last_day = getLastDay(parseInt($('select[name="'+name+'"]').val()), parseInt($('select[name="'+month_name+'"]').val()));
                    for(let i = 1 ; i <= parseInt(last_day) ; i++){
                        element += '<option value="'+ i +'">'+ i +'日</option>';
                    }
                    $('select[name="'+day_name+'"]').empty().html(element);
                }
            });
            $(".birthday_m").change(function () {
                if($(this).val()){
                    let name = $(this).attr('name');
                    let year_name = name.replace("_m", "_y");
                    let day_name = name.replace("_m", "_d");
                    let element = '<option></option>';
                    let last_day = getLastDay(parseInt($('select[name="'+year_name+'"]').val()), parseInt($('select[name="'+name+'"]').val()));
                    for(let i = 1 ; i <= parseInt(last_day) ; i++){
                        element += '<option value="'+ i +'">'+ i +'日</option>';
                    }
                    $('select[name="'+day_name+'"]').empty().html(element);
                }
            });

            function getLastDay(year, month){
                switch (month){
                    case 1:
                    case 3:
                    case 5:
                    case 7:
                    case 8:
                    case 10:
                    case 12:
                        return 31;
                    case 2:
                        if((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0){
                            return 29;
                        }
                        return 28;
                    case 4:
                    case 6:
                    case 9:
                    case 11:
                        return 30;
                }
            }

            $(".birthday_y").each(function () {
                if($(this).val()){
                    let name = $(this).attr('name');
                    let month_name = name.replace("_y", "_m");
                    let day_name = name.replace("_y", "_d");
                    let current_date = parseInt($('select[name="'+day_name+'"]').val());
                    let element = '<option></option>';
                    let last_day = getLastDay(parseInt($('select[name="'+name+'"]').val()), parseInt($('select[name="'+month_name+'"]').val()));
                    for(let i = 1 ; i <= parseInt(last_day) ; i++){
                        if(current_date == i){
                            element += '<option value="'+ i +'" selected>'+ i +'日</option>';
                        } else {
                            element += '<option value="'+ i +'">'+ i +'日</option>';
                        }
                    }
                    $('select[name="'+day_name+'"]').empty().html(element);
                }
            });
            $(".birthday_m").each(function () {
                if($(this).val()){
                    let name = $(this).attr('name');
                    let year_name = name.replace("_m", "_y");
                    let day_name = name.replace("_m", "_d");
                    let current_date = parseInt($('select[name="'+day_name+'"]').val());
                    let element = '<option></option>';
                    let last_day = getLastDay(parseInt($('select[name="'+year_name+'"]').val()), parseInt($('select[name="'+name+'"]').val()));
                    for(let i = 1 ; i <= parseInt(last_day) ; i++){
                        if(current_date == i){
                            element += '<option value="'+ i +'" selected>'+ i +'日</option>';
                        } else {
                            element += '<option value="'+ i +'">'+ i +'日</option>';
                        }
                    }
                    $('select[name="'+day_name+'"]').empty().html(element);
                }
            });
            $(".update_confirm_status").click(function (e) {
                e.preventDefault();
                let title = $(this).data('title');
                let status = $(this).data('val');
                if(status == "{{ config('const.confirm_status_code.accept') }}") {
                    $("#user_confirm_reason").hide();
                    $("#user_confirm_reason").empty();
                } else {
                    $("#user_confirm_reason").show();
                }
                $("#user_confirm_text").html('サポーターを' + title+"します。よろしいですか？");
                search_confirm("user_confirm_dialog", title, 500, "確認", "閉じる", function(){
                    $.ajax({
                        type: "post",
                        url : '{{ route("admin.user.update_confirm_status", ["user"=>$user->id]) }}',
                        data: {
                            'confirm_status':status,
                            'reject_reason':$("#user_confirm_reason").val(),
                            _token: '