@extends('admin.master')
@section('head')
    <link href="{{ URL::asset('')}}/assets/admin/pages/css/profile-rtl.css" rel="stylesheet" type="text/css"/>

    <style>
        /*.input-group {*/
        /*display: flex;*/
        /*}*/
        .bglight{
            color: #ffffff !important;

        }
    </style>
@endsection

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
        <div style="margin-bottom: 15px" class="page-bar hidden-print">
            <ul class="page-breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="#">خانه</a>
                    <i class="fa fa-angle-left"></i>
                </li>
                <li  >
                    <a style="color: #4B77BE !important;font-weight: 500;" href="#">
                        مشاهده پروفایل
                    </a>

                </li>

            </ul>
            <div class="page-toolbar">
                <span style="margin-left: 8px ; margin-top: 8px" class="badge pull-left badge-primary">

                </span>
                <div style="margin-left: 8px ; margin-top: 7px" class="btn-group  pull-right">

                    <a type="button" style="margin-left: 2px ; border-radius: 0 !important; " onclick="reload()" data-placement="bottom" data-toggle="tooltip" title="راه اندازی مجدد"  class="btn tooltips  btn-xs bg-red-flamingo " >
                        <i class="fa  fa-refresh"></i>
                    </a>
                    <a type="button" style="margin-left: 2px ; border-radius: 0 !important; " onclick="goForward()" data-placement="bottom" data-toggle="tooltip" title="بعدی"  class="btn tooltips btn-xs  bg-green-haze " >
                        <i class="fa  fa-arrow-right"></i>
                    </a>
                    <a type="button" onclick="goBack()" data-toggle="tooltip" data-placement="bottom" title="قبلی"   class="btn  btn-xs tooltips bg-green-seagreen " >
                        <i class="fa  fa-arrow-left"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="row">
            <br>
            <div class="col-md-4">

                <div  class="portlet light bg-inverse profile-sidebar-portlet">
                    <!-- SIDEBAR USERPIC -->
                    <div class="profile-userpic">
                        <img src="{{ URL::asset('')}}/user.png" class="img-responsive" alt="">
                    </div>
                    <!-- END SIDEBAR USERPIC -->
                    <!-- SIDEBAR USER TITLE -->
                    <div class="profile-usertitle">
                        <div class="profile-usertitle-name">
                           {{$profile->nickname.'    '.$profile->last_name}}
                        </div>
                        <div class="profile-usertitle-job">
                            {{$profile->part}}
                        </div>
                    </div>
                    <!-- END SIDEBAR USER TITLE -->
                    <!-- SIDEBAR BUTTONS -->
                    <div class="profile-userbuttons">
                        <button type="button" class="btn btn-circle green-haze btn-sm">پیشنهادها</button>
                        <button type="button" class="btn btn-circle btn-danger btn-sm">پیام</button>
                    </div>
                    <!-- END SIDEBAR BUTTONS -->
                    <!-- SIDEBAR MENU -->
                    <div class="profile-usermenu">
                        <ul class="nav">
                            <li  class="active">
                                <a onclick="account()" >
                                    <i class="icon-home"></i>
                                    مشخصات فردی
                                     </a>
                            </li>
                            <li>
                                <a onclick="uu()" >
                                    <i class="icon-settings"></i>
                                 تنظیمات ورود
                                </a>
                            </li>

                            <li>
                                <a >
                                    <i class="icon-info"></i>
                                    آموزش </a>
                            </li>
                        </ul>
                    </div>
                    <!-- END MENU -->
                </div>

            </div>
            <div id="user"  class="col-md-8">
                <div class="portlet light bg-inverse ">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-plus font-green-haze"></i>
                            <span style="font-family: IRANSans" class="caption-subject font-green-haze bold uppercase">مشخصات کاربری</span>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <!-- BEGIN FORM-->
                        <div class="row">
                            <div style="padding-left: 20px !important;" class="portlet-body form">
                                <!-- BEGIN FORM-->
                                <form name="myForm" action="{{ URL::asset('/admin/profile')}}/{{$profile->id}}" method="post" >
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                    <div class="form-body">

                                        <div class="row">
                                            <div class="col-md-12" style="display: none">
                                                <div class=" form-group">
                                                    <label  class="control-label col-md-4">شماره پرسنلی : </label>
                                                    <div class="input-group">
                                                                <span class="bg-green-meadow input-group-addon">
												                <i class="bglight fa fa-barcode"></i>
												                </span>
                                                        <input  type="text"  value="{{$profile->personal_code}}" class="input-sm form-control" readonly >
                                                    </div>
                                                </div>
                                            </div>
                                            <br>

                                            <!--/span-->
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label col-md-4">نام :</label>
                                                    <div class="input-group">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                        <input type="text" value="{{$profile->nickname}}" name="nickname" class="requir input-sm form-control" >
                                                    </div>
                                                    <span style="color:#EF4836  "  class="col-md-offset-3 help-block required"></span>
                                                </div>
                                            </div>
                                            <!--/span-->
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label col-md-4">نام خانوادگی :</label>
                                                    <div class="input-group" style="overflow: hidden">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                        <input type="text" value="{{$profile->last_name}}" name="last_name"  class="requir input-sm form-control" >
                                                    </div>
                                                    <span style="color:#EF4836  "  class="col-md-offset-3 help-block required"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-12" style="display: none">
                                                <div class="form-group">
                                                    <label class="control-label col-md-4">کد ملی :</label>
                                                    <div class="input-group" style="overflow: hidden">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                        <input type="text" value="{{$profile->n_code}}"  readonly class=" input-sm form-control" >
                                                    </div>

                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label col-md-4">تلفن :</label>
                                                    <div class="input-group">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                        <input value="{{$profile->phone}}" type="text" name="phone" class=" input-sm form-control" >

                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label col-md-4">ایمیل  :</label>
                                                    <div class="input-group">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                        <input value="{{$profile->e_mail}}"  type="text" name="e_mail" class="requir input-sm form-control" >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                    <div class="form-actions">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <div class="col-md-offset-3 col-md-9">
                                                        <button type="submit"  class="btn blue">ثبت</button>
                                                        <button type="button" onclick="goBack()" class="btn bg-red-sunglo default">لغو</button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!-- END FORM-->
                            </div>

                        </div>
                        <!--/span-->

                        <!--/span-->
                    </div>
                    <!--/row-->


                </div>

            </div>
            <div id="account" style="display: none"  class="col-md-8">
                <div class="portlet light bg-inverse ">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-plus font-green-haze"></i>
                            <span style="font-family: IRANSans" class="caption-subject font-green-haze bold uppercase">تنظیمات ورود </span>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <!-- BEGIN FORM-->
                        <div class="row">
                            <div style="padding-left: 20px !important;" class="portlet-body form">
                                <!-- BEGIN FORM-->
                                <form name="myForm" action="{{ URL::asset('/admin/pass')}}/{{$profile->id}}" method="post" >
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                    <div class="form-body">
                                        <div class="row ">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label col-md-4">نام کاربری :</label>
                                                    <div class="input-group"style="overflow: hidden">
                                                                <span class="requiradd bg-blue-madison input-group-addon">
												                <i class="bglight fa fa-barcode"></i>
												                </span>
                                                        <input id="username" readonly type="text" name="order_point" value="{{$profile->username}}" class="input-sm requir form-control" >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label col-md-4">کلمه عبور:</label>
                                                    <div class="input-group" style="overflow: hidden">
                                                                <span class="requiradd bglight bg-blue-madison input-group-addon">
												                <i class="bglight fa fa-barcode"></i>
												                </span>
                                                        <input id="pass1" onblur="compare(this.value)" type="password" name="password" class="input-sm pass requir form-control" >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label col-md-4">تکرارکلمه عبور:</label>
                                                    <div class="input-group" style="overflow: hidden">
                                                                <span class="requiradd bglight bg-blue-madison input-group-addon">
												                <i class="bglight fa fa-barcode"></i>
												                </span>
                                                        <input id="pass2" onblur="compare(this.value)" type="password" class="input-sm requir pass form-control" >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <br>
                                    </div>
                                    <div class="form-actions">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <div class="col-md-offset-3 col-md-9">
                                                        <button type="button" id="pass_btn"  class="btn blue">ثبت</button>
                                                        <button type="button" onclick="account()" class="btn bg-red-sunglo default">لغو</button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!-- END FORM-->
                            </div>

                        </div>
                        <!--/span-->

                        <!--/span-->
                    </div>
                    <!--/row-->


                </div>

            </div>

        </div>
            </div>
        </div>

@endsection

@section('script')



    <script>
        function  uu(){

            $('#user').hide();
            $('#account').fadeIn(500);
        }
        function  account(){

            $('#account').hide();
            $('#user').fadeIn(500);
        }
        function goBack() {
            window.history.back();
        }
        function goForward() {
            window.history.forward();
        }


        function compare(p){

            var pass=p;
            var pass1=$('#pass1').val();
            var pass2=$('#pass2').val();

            if(pass == pass1 & pass == pass2){

                $('#pass_btn').attr('type' , 'submit');
                toastr.success('کلمه عبور مورد تایید است.');
            }else{
                toastr.error('ورودی مربوط به کلمه های عبور یکسان نیستند!');
            }

        }

        function cancel(){
            $('#username').val('');
            $('#password').val('');
            $('#name').val('');
            $('#n_code').val('');
            $('#last_name').val('');
            $('#phone').val('');
            $('#part').val('');
            $('#personal_code').val('');
            $('#email').val('');
            listp('');
        }
    </script>




@endsection