@extends('layouts.app')
@section('content')
    <style>
        .imgprof{
            max-width: 150px;
        }
    </style>
    <section id="content_outer_wrapper">
    <div id="content" class="container-fluid">
        <div id="content_type" class="rightnav_v1">
            <div class="content-body">
                @if($staffPersonal!=null)
                <div class="row">
                    <div class="col-xs-12 content-col-wrapper">
                        <div class="row">
                            <div class="col-xs-12" role="main">
                                <div class="tab-content" id="tabContent">
                                    <section role="tabpanel">
                                        <div class="card" style="margin-top: 100px">
                                            <div class="card-body">
                                                <div class="content-body">
                                                    <div class="row">
                                                        <div class="col-xs-12 col-sm-12" style="margin-left: 100px;">
                                                            <header class="card-heading">
                                                                <h2 class="card-title"><span class="geo-font-sub-m"> პირადი ინფორმაცია </span></h2>
                                                            </header>
                                                            <div class="col-xs-12 col-sm-4">
                                                                <img src="/storage/{{Auth::user()->photoPatch}}" alt=""
                                                                     class="img-responsive max-w-350 imgprof">
                                                                <i class="badge mini success status"></i>
                                                                <form action="{{ route('uploadProfile') }}" method="post" enctype="multipart/form-data">
                                                                    @csrf
                                                                    <input type="hidden" name="user" value="{{Auth::user()->id}}">
                                                                    <div class="input-group" style="margin-top: 20px">
                                                                        <input name="photoPatch" accept="image/*" type="file">
                                                                    </div>
                                                                    <button type="submit" name="uploadImg" class="btn btn-primary">შენახვა</button>
                                                                </form>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-4">
                                                                <form action="{{ route('changePassword') }}" method="post">
                                                                    @csrf
                                                                    <div class="form-group is-empty">
                                                                        <div class="{{$style['div_md']}}">
                                                                            <input type="password"
                                                                                   class="form-control"  id="oldPass"  name="oldPass"
                                                                                   placeholder="მიმდინარე პაროლი">
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group is-empty">
                                                                        <div class="{{$style['div_md']}}">
                                                                            <input type="password"
                                                                                   class="form-control" id="newPass" name="newPass"
                                                                                   placeholder="ახალი პაროლი">
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group is-empty">
                                                                        <div class="{{$style['div_md']}}">
                                                                            <input type="password"
                                                                                   class="form-control" id="repeatPass" name="repeatPass"
                                                                                   placeholder="დაადასტურეთ პაროლი">
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group is-empty">
                                                                        <div class="{{$style['div_md']}}">
                                                                            <span id="errorMessage">{{$passChangeMess}}</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group is-empty" style="overflow:hidden; float: left; margin-left: 20px;">
                                                                        <input type="hidden" name="userId" value="{{Auth::user()->id}}">
                                                                        <button type="submit" name="changePass" class="btn btn-primary" style="float: left;">პაროლის ცვლილება</button>
                                                                    </div>
                                                                </form>
                                                            </div>

                                                            <div class="col-xs-12 col-sm-4">
                                                                <a href="/personals/addinfo/{{$staffPersonal->id}}">ჩემი ინფორმაცია</a>
                                                            </div>
                                                        </div>
                                                        <form id="userPersonalInfo" class="form-horizontal" action="{{url('personals/store')}}" method="post">
                                                            @csrf
                                                            <div class="col-xs-12 col-sm-6">
                                                                <div class="card">
                                                                    <div class="card-body">
                                                                        <div class="form-group is-empty">
                                                                            <label class="{{$style['label']}}">სტატუსი </label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text"
                                                                                       class="form-control"
                                                                                       value="{{$sta_sta->name}}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="name" class="{{$style['label']}}">სახელი </label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text"
                                                                                        class="form-control" name="nameGeo"
                                                                                       value="{{$staffPersonal->nameGeo}}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="name" class="{{$style['label']}}">გვარი </label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="lastNameGeo"
                                                                                       placeholder="გვარი"
                                                                                       data-rule-required="true" minlength="2" class="form-control"
                                                                                       aria-required="true" value="{{$staffPersonal->lastNameGeo}}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="name" class="{{$style['label']}}">დაბადების თარიღი </label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <div data-format="DD/MM/YYYY" class="input-group">
                                                                                    <input type="text" name="birthday" class="form-control input-mask"
                                                                                           placeholder="dd-mm-yyyy"
                                                                                           autocomplete="off"
                                                                                           maxlength="100" value="{{$staffPersonal->birthday}}">
                                                                                    @if ($errors->has('birthday'))
                                                                                        <span class="invalid-feedback small" role="alert"
                                                                                              style="color: red;">
                                                        <strong>{{ $errors->first('birthday') }}</strong>
                                                     </span>
                                                                                    @endif
                                                                                    <span class="input-group-addon"><i class="ion-calendar"></i></span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label class="{{$style['label']}}">ასაკი</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <div class="input-group">
                                                                                    <input type="text" id="personAge" class="form-control input-mask"
                                                                                           placeholder="ასაკი"
                                                                                           autocomplete="off"
                                                                                           maxlength="100" value="{{$staffAge}}">
                                                                                    <span class="input-group-addon"><i class="ion-calendar"></i></span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label class="{{$style['label']}}">სქესი </label>
                                                                            <div class="{{$style['div_sm']}}">
                                                                                <div class="radio">
                                                                                    <label>
                                                                                        @if($staffPersonal->gender=="male")
                                                                                            <input type="radio" name="gender" value="male" checked>
                                                                                        @else
                                                                                            <input type="radio" name="gender" value="male">
                                                                                        @endif
                                                                                        მამრობითი
                                                                                    </label>
                                                                                </div>
                                                                                <div class="radio">
                                                                                    <label>
                                                                                        @if($staffPersonal->gender=="female")
                                                                                            <input type="radio" name="gender" value="female" checked>
                                                                                        @else
                                                                                            <input type="radio" name="gender" value="famale">
                                                                                        @endif
                                                                                        მდედრობითი
                                                                                    </label>
                                                                                </div>
                                                                                @if($errors->has('gender'))
                                                                                    <span class="invalid-feedback small" role="alert" style="color: red;">
                                                     <strong>{{ $errors->first('gender') }}</strong>
                                                 </span>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="name" class="{{$style['label']}}">სახელი(ENG)</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="nameEng" placeholder="Name"
                                                                                       data-rule-required="true" minlength="2" class="form-control"
                                                                                       aria-required="true" value="{{$staffPersonal->nameEng}}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="name" class="{{$style['label']}}">გვარი(ENG)</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="lastNameEng"
                                                                                       placeholder="LastName"
                                                                                       data-rule-required="true" minlength="2" class="form-control"
                                                                                       aria-required="true" value="{{ $staffPersonal->lastNameEng }}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="familystatus"
                                                                                   class="{{$style['label']}}">ოჯახური მდგომარეობა </label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="lastNameEng"
                                                                                       placeholder="LastName"
                                                                                       data-rule-required="true" minlength="2" class="form-control"
                                                                                       aria-required="true" value="{{ $sta_familystatus->name }}">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-6">
                                                                <div class="card">
                                                                    <div class="card-body">
                                                                        <div class="form-group is-empty">
                                                                            <label for="country"
                                                                                   class="{{$style['label']}}">ქვეყანა </label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="lastNameEng"
                                                                                       placeholder="LastName"
                                                                                       data-rule-required="true" minlength="2" class="form-control"
                                                                                       aria-required="true" value="{{ $sta_cauntry->name }}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="city"
                                                                                   class="{{$style['label']}}">ქალაქი</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="lastNameEng"
                                                                                       placeholder="LastName"
                                                                                       data-rule-required="true" minlength="2" class="form-control"
                                                                                       aria-required="true" value="{{ $sta_city->name }}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label class="{{$style['label']}}">მისამართი</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input id="address" type="text" name="address" placeholder="მისამართი"
                                                                                       data-rule-required="true" minlength="2" class="form-control"
                                                                                       aria-required="true" value="{{ $staffPersonal->address }}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="citizenship"
                                                                                   class="{{$style['label']}}">მოქალაქეობა</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="lastNameEng"
                                                                                       placeholder="LastName"
                                                                                       data-rule-required="true" minlength="2" class="form-control"
                                                                                       aria-required="true" value="{{ $sta_citizenship->name }}">
                                                                            </div>
                                                                        </div>
                                                                        @if(Auth::user()->rule!=4)
                                                                            <div class="form-group is-empty">
                                                                                <label for="name" class="{{$style['label']}}">პირადი ნომერი </label>
                                                                                <div class="{{$style['div_md']}}">
                                                                                    <input id="ccInput" type="text" name="idNumber"
                                                                                           placeholder="000 000 000 00"
                                                                                           data-rule-required="true" data-rule-creditcard="true"
                                                                                           class="form-control input-mask" autocomplete="off"
                                                                                           aria-required="true" value="{{ $staffPersonal->idNumber }}">
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                        <div class="form-group is-empty">
                                                                            <label class="{{$style['label']}}">მობილურის
                                                                                ნომერი</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input id="mobilePhone" type="text" name="mobilePhone"
                                                                                       placeholder="000 00 00 00" data-rule-required="true" minlength="2"
                                                                                       class="form-control" aria-required="true"
                                                                                       value="{{ $staffPersonal->mobilePhone }}">
                                                                                @if ($errors->has('mobilePhone'))
                                                                                    <span class="invalid-feedback" role="alert" style="color: red;">
                              <strong>{{ $errors->first('mobilePhone') }}</strong>
                              </span>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label class="{{$style['label']}}">სახლის
                                                                                ნომერი</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input id="phone" type="text" name="phone" placeholder="032 200 00 00"
                                                                                       data-rule-required="true" data-rule-rangelength="[10,30]"
                                                                                       data-rule-email="true" class="form-control"
                                                                                       aria-required="true" value="{{ $staffPersonal->phone }}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="name" class="{{$style['label']}}">ელ. ფოსტა(ეუ)</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="primaryEmail" placeholder="ელ. ფოსტა (ეუ)"
                                                                                       data-rule-required="true" data-rule-rangelength="[10,30]"
                                                                                       data-rule-email="true" class="form-control" aria-required="true"
                                                                                       value="{{ $staffPersonal->primaryEmail }}">
                                                                            </div>
                                                                        </div>
                                                                        <div class="form-group is-empty">
                                                                            <label for="name" class="{{$style['label']}}">პირადი ელ. ფოსტა</label>
                                                                            <div class="{{$style['div_md']}}">
                                                                                <input type="text" name="email" placeholder="ელ. ფოსტა"
                                                                                       data-rule-required="true" data-rule-rangelength="[10,30]"
                                                                                       data-rule-email="true" class="form-control" aria-required="true"
                                                                                       value="{{ $staffPersonal->email }}">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @else
                    <div class="row">
                        <h3 style="margin: 100px; color: red;">თქვენ არ ხართ რეგისტრირებული მომხარებელი,
                            <br>გთხოვთ მიმართეთ ადმინისტრატოს (khatia.sirbiladze@eu.edu.ge)!!!!!</h3>
                    </div>
                @endif
            </div>
        </div>
    </div>
    </section>
    @push('custom-scripts')
        <script>
            $("#repeatPass").keyup(function(){
                if($(this).val()==$("#newPass").val()){
                    $("#errorMessage").html("პაროლის გამეორება სწორია!!!")
                }
            });
            function disableAllInput(){
                var inputs =  $("#userPersonalInfo input");
                inputs.css("color", "black");
                for(var i=0; i<inputs.length; i++){
                    if(inputs[i].value==""){
                        console.log(inputs[i]);
                        inputs[i].value = "ინფორმაცია არ იძებნება!";
                        inputs[i].style.color = "#ffcccc";
                    }
                }
                inputs.prop('disabled', true);
            }
            disableAllInput();
        </script>
    @endpush
@endsection