@extends('layouts.master')

@section('link')
    <link href="{!! asset('css/basicsetting/basic.css?20180913-1600"') !!}" rel="stylesheet">
@stop

@section('layouts.header')
    @include('layouts.header')
@stop

@section('content')

    <script type="text/javascript">
        $(function () {
            $(document).ready(function () {
                // IME-MODE PROCESSING - START
                // ime-modeが使えるか
                var supportIMEMode = ('ime-mode' in document.body.style);

                // 非ASCII
                var noSbcRegex = /[^\x00-\x7E]+/g;

                // 1バイト文字専用フィールド
                jQuery('.sbc_field')
                    .on('keydown blur paste', function (e) {

                        // ime-modeが使えるならスキップ
                        if (e.type == 'keydown' || e.type == 'blur')
                            if (supportIMEMode) return;

                        // 2バイト文字が入力されたら削除
                        var target = jQuery(this);
                        if (!target.val().match(noSbcRegex)) return;
                        window.setTimeout(function () {
                            target.val(target.val().replace(noSbcRegex, ''));
                        }, 1);

                    });

                // IME-MODE PROCESSING - END

                function checkDuplicates() {
                    // get all input elements
                    var $elems = $('.userId');

                    // we store the inputs value inside this array
                    var values = [];
                    // return this
                    var isDuplicated = false;
                    // loop through elements
                    $elems.each(function () {
                        //If value is empty then move to the next iteration.
                        if (!this.value) return true;
                        //If the stored array has this value, break from the each method
                        if (values.indexOf(this.value) !== -1) {
                            isDuplicated = true;
                            return false;
                        }
                        // store the value
                        values.push(this.value);
                    });
                    return isDuplicated;
                }

                $(document).delegate("input[name^='UserIds']", 'keypress', function (e) {
                    var regex = new RegExp("^[a-zA-Z0-9_.+\\-@]+$");
                    var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
                    if (regex.test(str)) {
                        return true;
                    }

                    e.preventDefault();
                    return false;
                });

                $(document).delegate("input[name^='Passwords']", 'keypress', function (e) {
                    var regex = new RegExp("^[a-zA-Z0-9]+$");
                    var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
                    if (regex.test(str)) {
                        return true;
                    }

                    e.preventDefault();
                    return false;
                });

                $(document).delegate('.deleteRow', 'click', function (e) {

                    // if exist addBtn
                    if ($(this).closest("div.rowUser").find("button[name='addBtn']").length > 0) {
                        $(this).closest("div.rowUser").prev().find("div#divBtn").append('<button id="addBtn" name="addBtn" type="button" class="add_btn btn btn-primary">追加</button>')
                    }
                    if ($('#staffList #data-record.rowUser').length == 2) {
                        $(this).closest("div.rowUser").find('input:text').val('');
                        $(this).closest("div.rowUser").find('input:text').prop("disabled", true);
                        $(this).closest("div.rowUser").find("select[name^='Roles']").prop("disabled", true);
                        $(this).closest("div.rowUser").find("select[name^='NewRoles']").prop("disabled", true);
                        $(this).closest("div.rowUser").hide();
                    } else {
                        $(this).closest("div.rowUser").remove();
                    }
                    e.preventDefault();
                });

                $(document).delegate('#addBtn', 'click', function (e) {
                    if ($(this).closest("div.rowUser").find("select[name^='Roles']").length == 0 && $(this).closest("div.rowUser").find("select[name^='NewRoles']").length == 0) {
                        $(this).closest("div.rowUser").next().find("input[name^='Versions']").remove();
                        $(this).closest("div.rowUser").next().find('input:text').val('');
                        $(this).closest("div.rowUser").next().find('input:text').removeAttr('disabled');
                        $(this).closest("div.rowUser").next().find("select[name^='Roles']").removeAttr('disabled');
                        $(this).closest("div.rowUser").next().find("select[name^='NewRoles']").removeAttr('disabled');
                        $(this).closest("div.rowUser").next().show();
                    } else {
                        var target = $(this).closest("div.rowUser").clone();
                        target.find("input[name^='Versions']").remove();
                        target.find('input:text').val('');
                        target.find("input[name^='UserIds']").attr('name', 'NewUserIds[]');
                        target.find("input[name^='Passwords']").attr('name', 'NewPasswords[]');
                        target.find("select[name^='Roles']").attr('name', 'NewRoles[]');
                        target.insertAfter("div.rowUser:last");
                    }

                    $(this).remove();
                    e.preventDefault();
                });

                $('#saveBtn').on('click', function (e) {
                    // Check require UD-START
                    var $emptyId = $('.userId:not(:disabled)').filter(function () {
                        return this.value == ''
                    });
                    if ($emptyId.length > 0) {
                        $('#editionMsg').html('<p class="alert alert-danger col-md-6">{{ Message::get("E00018") }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                        window.scrollTo(0, 0);
                        return false;
                    }
                    // Check require UD-END
                    // ユーザーID文字数チェック
                    var usrId = $('.userId').val();
                    var userIdRegex = new RegExp("^[a-zA-Z0-9_.+\\-@]+$");
                    if(usrId.length < 6){
                        $('#editionMsg').html('<p class="alert alert-danger col-md-6">{{ Message::get("E00085", ["field" => "ID", "length" => "6"]) }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                        window.scrollTo(0, 0);
                        return false;
                    } else if(usrId.length > 256){
                        $('#editionMsg').html('<p class="alert alert-danger col-md-6">{{ Message::get("E00096", ["field" => "ID", "length" => "256"]) }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                        window.scrollTo(0, 0);
                        return false;
                    }
                    if (usrId !== '' && !userIdRegex.test(usrId)) {
                        $('#editionMsg').html('<p class="alert alert-danger col-md-6">{{ Message::get("E00120", ["field" => "ID", "Signs" => "_.+-@"]) }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                        window.scrollTo(0, 0);
                        return false;
                    }

                    // パスワードの半角英数混合確認
                    var pswd = $('.password').val();
                    if(pswd.length > 0 && pswd.match(/^(?=.*?[a-z])(?=.*?\d)[a-z\d]{8,16}$/i) === null){
                        $('#editionMsg').html('<p class="alert alert-danger col-md-6">{{ Message::get("E00086", ["field" => "パスワード", "length" => "8"]) }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                        window.scrollTo(0, 0);
                        return false;
                    }

                    // Check require new user PW-START
                    //input[name^='NewPassword']
                    var $emptyPw = $("input[name^='NewPasswords']:not(:disabled)").filter(function () {
                        return this.value == ''
                    });

                    if ($emptyPw.length > 0) {
                        $('#editionMsg').html('<p class="alert alert-danger col-md-6">{{ Message::get("E00019") }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                        window.scrollTo(0, 0);
                        return false;
                    }
                    // Check require new user PW-END

                    //Check duplicate user_id
                    if (checkDuplicates()) {
                        $('#editionMsg').html('<p class="alert alert-danger col-md-6">{{ Message::get("E00001") }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                        window.scrollTo(0, 0);
                        return false;
                    } else {
                        e.preventDefault();
                        $('#editionMsg').html('');
                        $('#popup').modal('show');
                    }
                });

                $('#close').on('click', function (e) {
                    e.preventDefault();
                    $('#popup').modal('hide');
                });

                $('#confirm').on('click', function (e) {
                    var fm = document.getElementById('settingFm');
                    fm.submit();
                });

                // 定時時間設定
                $('#inOnTimeDiv').datetimepicker({
                    format: 'HH:mm'
                });

            });
        });
    </script>

    <div class="container">

        <div id="content-body" class="col-md-offset-3 col-md-12">

            <div class="flash-message" id="editionMsg">
                @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                    @if(Session::has('alert-' . $msg))
                        <p class="alert alert-{{ $msg }} col-md-6">
                            {{ Session::get('alert-' . $msg) }} <a href="#" class="close"
                                                                   data-dismiss="alert" aria-label="close">&times;</a>
                        </p>
                    @endif
                @endforeach
                @if ($errors->any())
                    <div class="alert alert-danger col-md-6">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>

            {!! Form::open(array('url'=>'/basic/account/', 'class'=>'form-inline', 'name'=>'settingFm', 'id'=>'settingFm')) !!}
            <div id="data-container" class="col-xs-12 row" style="padding-left: 0px;">
                <div id="data-record" class="data-record">
                    <div class="data-header  col-xs-2 data-header-font" style="padding-left: 15px;">
                        アカウント情報
                    </div>
                </div>
                <div id="data-record" class="col-xs-8 data-record" style="padding-left: 30px;">
                    <div class="data-header  col-xs-1">
                        施設ID
                    </div>
                    <div class="data-header col-xs-3">
                        {{ empty($sysInfo) ? '' : $sysInfo->facilityId }}
                        {!! Form::hidden('SystemId', empty($sysInfo) ? '' : $sysInfo->id) !!}
                        {!! Form::hidden('FacilityId', empty($sysInfo) ? '' : $sysInfo->facilityId) !!}
                        {{-- Form::hidden('Version',  empty($sysInfo) ? '' : $sysInfo->version) --}}
                        {!! Form::hidden('PlanName', empty($sysInfo) ? '' : $sysInfo->plan_name) !!}
                        <input type="hidden" id="Version" name="Version"
                               value="{{empty($sysInfo) ? '' : $sysInfo->version}}">
                    </div>
                </div>
                <div id="data-record" class="col-xs-8 data-record" style="padding-left: 0px;height: auto !important;">
                    <div class="data-header col-xs-1" style="width: 73px; text-align: right;">
                        契約プラン
                    </div>
                    <div class="pwd-label col-xs-10" style="padding-left: 15px;">
                        {!! Form::cd_label(Config::get('cd_const.CONTRACT_PLAN'), $sysInfo->contract_plan) !!}
                    </div>
                </div>
                <div id="data-record" class="col-xs-8 data-record" style="padding-left: 30px;">
                    <div class="data-header col-xs-1">
                        法人名
                    </div>
                    <div class="data-content col-xs-8 input">
                        {!! Form::text('CorpName', empty($sysInfo) ? '' : is_object($sysInfo) ? $sysInfo->corporateName : '', ['id' => 'corpName','class' => 'form-control long-input', 'maxlength' => '32']) !!}
                    </div>
                </div>
                <div id="data-record" class="col-xs-8 data-record" style="padding-left: 30px;">
                    <div class="data-header col-xs-1">
                        施設名
                    </div>
                    <div class="data-content col-xs-8">
                        {!! Form::text('FacilityName', empty($sysInfo) ? '' : is_object($sysInfo) ? $sysInfo->facilityName : '', ['id' => 'facilityName','class' => 'form-control long-input', 'maxlength' => '32']) !!}
                    </div>
                </div>
                <div id="data-record" class="col-xs-8 data-record" style="padding-left: 30px;">
                    <div class="data-header  col-xs-1">
                        所在地
                    </div>
                    <div class="pwd-label col-xs-1">
                        都道府県
                    </div>
                    <div class="data-content col-xs-3 col-xs-3-override">
                        <div class="col-xs-12">
                            {!! Form::n_select('PrefecturesId', $prefectures, $prefId,  Message::get('C00001',['a']) , ['id' => 'prefecturesId', 'class' => 'form-control short-input address-input'], null) !!}
                        </div>
                    </div>
                    <div class="pwd-label col-xs-1">
                        市区町村
                    </div>
                    <div class="data-content col-xs-3">
                        <div class="col-xs-12">
                            {!! Form::text('CityName', empty($sysInfo) ? '' : is_object($sysInfo) ? $sysInfo->cityName : $sysInfo->city_name , ['id' => 'cityName','class' => 'form-control short-input address-input', 'maxlength' => '32']) !!}
                        </div>
                    </div>
                </div>

                <div id="data-record" class="col-xs-8 data-record" style="padding-left: 30px;">
                    <div class="data-content col-xs-8 address-div">
                        {!! Form::text('Address', empty($sysInfo) ? '' : $sysInfo->address , ['id' => 'address','class' => 'form-control address-input', 'maxlength' => '256']) !!}
                    </div>
                </div>
                {{-- ポラリスパスポート連動設定 --}}
                @if(count($ppInfo) > 0)
                    {!! Form::hidden('ppInfoId', $ppInfo->id) !!}
                    <input type="hidden" name="ppInfoVersion" value={{$ppInfo->version}}>   {{-- Form:hiddenだと再表示時に値が更新されないため苦肉の策 --}}
                    <div class="col-xs-8 data-record data-header data-header-fonts">ポラリスパスポート連動設定</div>
                    <div class="col-xs-8 data-record rowUser">
                        <div class="data-header col-xs-1" id="pp_link_flg_label">パスポート連動</div>
                        <div class="col-xs-3">
                            {{ Form::cd_select('pp_link_flg', Config::get('cd_const.PP_LINK_FLG'), $ppInfo->pp_link_flg, true, null , null, ['class' => 'form-control short-input'], null) }}
                        </div>
                    </div>
                    <div class="col-xs-8 data-record rowUser">
                        <div class="data-header col-xs-1" id="attendance_rate_calc_label">登園率計算</div>
                        <div class="col-xs-8">
                            <div class="pwd-label col-xs-3">事欠を計算に</div>
                            <div class="col-xs-4 input" id="attendance_rate_calc_container">
                                {{ Form::cd_select('attendance_rate_calc', Config::get('cd_const.ATTENDANCE_RATE_CALC'), $ppInfo->attendance_rate_calc, true, null , null, ['class' => 'form-control short-input'], null) }}
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-8 data-record rowUser">
                        <div class="data-header col-xs-1" id="in_on_time_attendance_label">定時内登園率</div>
                        <div class="data-content col-xs-8">
                            <div class="pwd-label col-xs-2">定時</div>
                            <div class="col-xs-3 input-group date mb-emd5" id="inOnTimeDiv">
                                {!! Form::text('in_on_time_rate', old('in_on_time_rate', $ppInfo->in_on_time_rate), ['class' => 'form-control timeF w-70px imeModeDisable']) !!}
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-time"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                @endif
                {{-- ここまで --}}
                <div class="col-xs-8 data-record data-header data-header-fonts">
                    ユーザー管理
                </div>
                <div id="staffList">
                    @if($user)
                    
                        {{--@if(Auth::user()->id != $user->id)--}}
                        
                        <div id="data-record" class="col-xs-8 data-record rowUser" style="padding-left: 30px;">
                            <div class="data-header col-xs-1">
                                ID
                            </div>
                            <div id="userId" class="data-content col-xs-2">
                                {!! Form::text('UserIds['.$user->id.']',  old('UserIds['.$user->id.']',$user->user_id)  , ['id' => 'userId'.$user->id, 'class' => 'form-control short-input userId sbc_field', 'maxlength' => '256']) !!}
                            </div>
                            <div class="col-xs-2 text-center">
                                パスワード
                            </div>
                            <div class="data-content col-xs-3">
                                {!! Form::text('Passwords['.$user->id.']', null, ['id' => 'password'.$user->id, 'class' => 'form-control short-input password sbc_field', 'maxlength' => '16', 'type' => 'password']) !!}
                            </div>
                            
                            
                            {{-- <div class="col-xs-2 text-center">
                               Role
                           </div>
                           <div class="col-xs-2 text-center">
                               Members
                           </div>
                           <div class="col-xs-2 text-left">
                               Action
                           </div> --}}
                           
                           
                            <div id="role" class="data-content col-xs-3" style="margin-top: 7px; margin-left: 5px;">
                                システム管理者
                            </div>
                            
                            
                            {{-- @if($user->auth == 1)
                                <div id="role" class="data-content col-xs-3" style="margin-top: 7px; margin-left: 5px;">
                                    システム管理者
                                </div>
                            @else
                                <div id="role" class="data-content col-xs-2">
                                    {!! Form::n_select('Roles['.$user->id.']', $roles, $user->auth,  null, ['id' => 'role'.$user->id, 'class' => 'form-control short-input'],null) !!}
                                </div>
                            @endif
                            <div class="data-content col-xs-2">
                                {!! Form::n_select('member_id['.$user->id.']', $mems, $user->member_id,  null, ['class' => 'form-control short-input selectpicker' ,'data-live-search' => 'true'],null) !!}
                            </div>
                            <div style="margin-top: 7px;" id="divBtn">
                                @if($user->auth != 1)
                                    <a href="#" class="deleteRow"><img class="img_holder"
                                                                       src="{!! asset('img/bin.png') !!}"/></a>
                                    @if($loop->last)
                                        <button id="addBtn" name="addBtn" type="button"
                                                class="add_btn btn btn-primary">追加
                                        </button>
                                    @endif
                                @elseif($loop->last)
                                    <button id="addBtn" name="addBtn" type="button"
                                            class="add_btn btn btn-primary">
                                        追加
                                    </button>
                                @endif
                            </div>--}}
                            
                            <input type="hidden" id="memId" name='memId'
                                   value="{{isset($user->member_id)? $user->member_id : 0}}">
                            <input type="hidden" id="Version" name='Versions[{{ $user->id }}]'
                                   value="{{isset($user->version)? $user->version : ''}}">
                        </div>
                        
                        {{--@endif--}}
                        {{-- @if(count($users) === 1)
                            <div id="data-record" class="col-xs-9 rowUser" style="display:none">
                                <div class="data-header  col-xs-1" style="margin-top: 7px;">
                                    ID
                                </div>
                                <div id="userId" class="data-content col-xs-3">
                                    {!! Form::text('NewUserIds[]',  null  , ['id' => 'NewUserId', 'class' => 'form-control short-input userId sbc_field', 'maxlength' => '16', 'disabled']) !!}
                                </div>
                                <div id="password" class="pwd-label col-xs-1" style="margin-top: 7px;">
									 パスワード
                                </div>
                                <div class="data-content col-xs-3">
                                    {!! Form::text('NewPasswords[]', null , ['id' => 'NewPassword', 'class' => 'form-control short-input password sbc_field', 'maxlength' => '16', 'disabled']) !!}
                                </div>
                                <div id="role" class="data-content col-xs-2">
                                    {!! Form::n_select('NewRoles[]', $roles, null,  null, ['id' => 'NewRole', 'class' => 'form-control short-input', 'disabled'],null) !!}
                                </div>
                                <div style="margin-top: 7px;" id="divBtn">
                                    <a href="#" class="deleteRow"><img class="img_holder"
                                                                       src="{!! asset('img/bin.png') !!}"/></a>
                                    <button id="addBtn" name="addBtn" type="button" class="add_btn btn btn-primary">追加
                                    </button>
                                </div>
                            </div>
                        @endif --}}
                        
                        
                    @else
                        <div class="col-xs-9">
                            <p class="alert alert-info">ユーザ情報はありません!</p>
                        </div>
                    @endif
                </div>
                <div class="col-xs-8 data-record margin_top" style="padding-left: 30px;">
                    <div class="data-header col-xs-1 note-header ">
                        備考
                    </div>
                    <div class="col-xs-8" style="padding: 0px;">
                        {!! Form::textarea('Note', old('Note',isset($sysInfo->note) ? $sysInfo->note : ''), ['class' => 'form-control long-input' , 'rows' => '6', 'maxlength' => '256']) !!}
                    </div>
                    <div id="submit-holder" class=" col-xs-6 text-right btn-save">
		                {{-- Form::submit('確定', ['name' => 'saveBtn', 'id' => 'saveBtn', 'class' => 'btn btn-primary save_btn']) --}}
		                <a id="saveBtn" class="btn btn-primary save_btn" href="#"> 確 定</a>
		            </div>
                </div>
            </div>

            {!! Form::close() !!}
        </div>

        <div id="popup" class="modal fade" data-backdrop="static" data-keyboard="true" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-body mr-bot-15">
                        保存しますか？
                    </div>
                    <div class="modal-footer">
                        <a id="confirm" class="btn btn-primary w-90px" href="#" data-target="#replaceDiv"
                           data-whatever="@mdo">はい</a>
                        <a id="close" class="btn btn-default w-90px" href="#" data-target="#replaceDiv"
                           data-whatever="@mdo"><i class="fa fa-close"></i>いいえ</a>
                    </div>
                </div>
            </div>
        </div>

    </div><!-- /.bs-docs-main -->

@stop

@section('layouts.footer')
    @include ('layouts.footer')
@stop