@extends('layout.header')
@section('title')
ALIAN | My-Profile
@endsection
@section('main')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader m-subheader-102">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    My Profile
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="#" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home breadcrumb_icon"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="{{URL::to('profile')}}" class="m-nav__link">
                            <span class="m-nav__link-text">
                                My Profile
                            </span>
                        </a>
                    </li>                                
                </ul>
            </div>
            <!--<div class="m_subheader_datepicker_res">
                <span class="m-subheader__daterange" id="m_dashboard_daterangepicker_dash">
                    <span class="m-subheader__daterange-label">
                        <span class="m-subheader__daterange-title">Today:</span>
                        <span class="m-subheader__daterange-date m--font-brand">Jan 2</span>
                    </span>
                    <a href="#" class="btn btn-sm btn-brand m-btn m-btn--icon m-btn--icon-only m-btn--custom m-btn--pill">
                        <i class="la la-angle-down"></i>
                    </a>
                </span>
            </div>-->
        </div>
    </div>
    <!-- END: Subheader -->
    <!--                     <div class="m-content">  insert content here
                            start content from here
                         </div>-->
    <div class="m-content m-subheader-102 admin_07_2_test">
        <div class="row">
            <div class="col-xl-3 col-lg-4">
                <div class="m-portlet m-portlet--full-height  ">
                    <div class="m-portlet__body">
                        <div class="m-card-profile">
                            <div class="m-card-profile__title m--hide">
                                Your Profile
                            </div>
                            <div class="m-card-profile__pic">
                                <div class="m-card-profile__pic-wrapper">
                                 @if(!empty(Session::get('image')))
                                        <img id="blah" class="blah default_pro_pic" src="{{URL::asset('images/Profile/'.Session::get('image'))}}" onerror=this.src="{{URL::asset('assets/app/media/img/users/manager.png')}}" alt="your image"/>
                                 @else
                                        <img id="blah" class="blah default_pro_pic" src="{{URL::asset('assets/app/media/img/users/manager.png')}}" alt="your image"/>
                                 @endif   
                                </div>
                            </div>
                            <div class="m-card-profile__details">
                                <span class="m-card-profile__name">
                                    {{$userData->name}}
                                </span>
                                <a href="javascript:void(0);" class="m-card-profile__email m-link">
                                        {{$userData->email}}
                                </a>
                            </div>
                        </div>								
                    </div>
                </div>
            </div>
            <div class="col-xl-9 col-lg-8">
                <div class="m-portlet m-portlet--full-height m-portlet--tabs  ">
                    <!--<div class="m-portlet__head">
                        <div class="m-portlet__head-tools">
                            <ul class="nav nav-tabs m-tabs m-tabs-line   m-tabs-line--left m-tabs-line--primary" role="tablist">
                                <li class="nav-item m-tabs__item">
                                    <a class="nav-link m-tabs__link active" data-toggle="tab" role="tab">
                                        <i class="flaticon-share m--hide"></i>
                                        Update Profile
                                    </a>
                                </li>                                               
                            </ul>
                        </div>
                        
                    </div>-->
                    <div class="tab-content">
                        <div class="tab-pane active" id="m_user_profile_tab_1">
                            <form class="m-form m-form--fit m-form--label-align-right" method="post" action="profile" enctype="multipart/form-data">
                                {{csrf_field()}}
                                <input type="hidden" value="{{$userData->email}}" name="hdn_email"/>
                                <input type="hidden" value="{{$userData->id}}" name="hdn_user_id"/>
                                <div class="m-portlet__body">
                                    <div class="form-group m-form__group m--margin-top-10 m--hide">
                                        <div class="alert m-alert m-alert--default" role="alert">
                                            The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes.
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <div class="admin_07_col-10 ml-auto-07-admin">
                                            <h3 class="m-form__section">
                                                Profile picture
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <div class="tab_form">
<!--                                        <div class="col_2">
                                            <div class="upload_img">
                                                <img id="blah" src="{{URL::asset('public/assets/app/media/img/users/manager.png')}}" alt="your image" class="blah">                                                 
                                            </div>
                                        </div>-->
<!--                                        <div class="m-card-profile__pic">
                                            <div class="m-card-profile__pic-wrapper">
                                                <img id="blah" class="default_pro_pic" src="{{URL::asset('public/assets/app/media/img/users/user4.jpg')}}" alt=""/>
                                            </div>
                                        </div>-->
                                        <div class="col_12">
                                            <div class="upload_content">
                                                <button type="button" class="submit upload choose_file">
                                                    <span>Upload Profile Image</span>
                                                    <input type="file" onchange="readURL(this);" id="file_pro_pic" name="file_profile_pic" accept="image/x-png,image/jpg,image/jpeg">
                                                </button>
                                            </div>
                                            <br>                                            
                                        </div>
                                    </div>
                                    </div>  
                                    <div class="form-group m-form__group row">
                                        <div class="admin_07_col-10 ml-auto-07-admin">
                                            <h3 class="m-form__section">
                                                Personal Details
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label for="example-text-input" class="admin_07_col-2 col-form-label">
                                            <p>Name : &nbsp;&nbsp;</p>
                                        </label>
                                        <div class="admin_07_col-10">
                                            <input class="form-control m-input" type="text" value="{{$userData->name}}" name="UserName" id="user_name" maxlength="191">
                                        </div>
                                    </div>                                                 
<!--                                    <div class="form-group m-form__group row">
                                        <label for="example-text-input" class="admin_07_col-2 col-form-label">
                                            <p>Email</p>
                                        </label>
                                        <div class="admin_07_col-10">
                                            <input class="form-control m-input" type="email" value="{{$userData->email}}" name="UserEmail" id="user_em" disabled>
                                        </div>
                                    </div>                                                 -->
                                    <div class="form-group m-form__group row">
                                        <div class="admin_07_col-10 ml-auto-07-admin">
                                            <h3 class="m-form__section space">
                                                <p>Change Password</p>
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label for="example-text-input" class="admin_07_col-2 col-form-label">
                                            <p>Current Password : &nbsp;&nbsp;</p>
                                        </label>
                                        <div class="admin_07_col-10">
                                            <input class="form-control m-input" type="password" value="" name="CurrentPassword" id="cur_pwd" maxlength="15" minlength="8">
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label for="example-text-input" class="admin_07_col-2 col-form-label">
                                            <p>New Password : &nbsp;&nbsp;</p>
                                        </label>
                                        <div class="admin_07_col-10">
                                            <input class="form-control m-input" type="password" value="" name="NewPassword" id="new_pwd" maxlength="15" minlength="8">
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label for="example-text-input" class="admin_07_col-2 col-form-label">
                                            <p>Confirm Password : &nbsp;&nbsp;</p>
                                        </label>
                                        <div class="admin_07_col-10">
                                            <input class="form-control m-input" type="password" id="newcn_pwd" value="" maxlength="15" minlength="8">
                                        </div>
                                    </div>
                                </div>
                                <div class="m-portlet__foot m-portlet__foot--fit">
                                    <div class="m-form__actions">
                                        <div class="row">
                                            <div class="admin_07_col-2"></div>
                                            @if(Session::has('fail'))
                                            <p class="error_message">{{ Session::get('fail') }}</p>
                                            @endif
                                            @if(Session::has('success'))
                                            <p class="green_message">{{ Session::get('success') }}</p>
                                            @endif
                                            <div class="admin_07_col-10 btn_admin_07_left">
                                                <button type="submit" class="btn btn-accent m-btn m-btn--air m-btn--custom" id="savenewpwd">
                                                    Save changes
                                                </button>
                                                &nbsp;&nbsp;
                                                <button type="reset" class="btn btn-secondary m-btn m-btn--air m-btn--custom cancel_pro_pic">
                                                    Cancel
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane " id="m_user_profile_tab_2"></div>
                        <div class="tab-pane " id="m_user_profile_tab_3"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<div class="m-content m-admin_02 new_1 admin_backend_v1_04_page">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-content">
                <div class="m-portlet m-portlet--mobile">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Admin Users
                                </h3>
                            </div>
                           
                                <ul class="m-portlet__nav">
                                    <li class="m-portlet__nav-item">
                                        <a href="#" class="btn btn-accent m-btn m-btn--custom m-btn--pill m-btn--icon m-btn--air new_btn" data-toggle="modal" data-target="#m_modal_4">
                                            <span>
                                                <i class="la la-plus"></i>
                                                <span>
                                                    New User
                                                </span>
                                            </span>
                                        </a>
                                    </li>
                                    
                           
                        </div>  

                    </div>
                    <div class="m-portlet__body"> -->
                        <!--begin: Datatable -->
<!--                        <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded m-portlet__body home_page_table2 m-datatable__body home_page3 admin_backend_03">
                            <div id="m_table_1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                                <div class="row">
                                    <div class="col-sm-12">
<!--                                        <table class="table table-striped- table-hover table-checkable dataTable no-footer dataTable dtr-inline" id="m_table_1" role="grid" aria-describedby="m_table_1_info" >
                                            <thead>
                                                <tr role="row">
                                                    <th  rowspan="1" colspan="1"  aria-label="#">#</th>
                                                    <th  rowspan="1" colspan="1"  aria-label="Name">Name</th>
                                                    <th  rowspan="1" colspan="1" aria-label="Role">Role</th>
                                                    <th  rowspan="1" colspan="1"  aria-label="Action">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            @php $i=1; @endphp
                                            @foreach($allusers as $all_users)
                                                <tr role="row" class="other_users" data_id="{{$all_users->id}}">
                                                    <td tabindex="0" data-title="#">
                                                          {{$i}}
                                                    </td>
                                                    <td data-title="Name">
                                                        <p>{{$all_users->name}}</p>		
                                                    </td>
                                                    <td data-title="Role">
                                                        {{$all_users->designation}}
                                                    </td>

                                                    <td data-title="Action">
                                                        <button class="btn btn-danger del_user" data_id="{{$all_users->id}}">Delete</button>   
                                                    </td>
                                                </tr>
                                            @php $i++; @endphp
                                            @endforeach
                                            </tbody>
                                        </table>-->
<!--                                    </div>
                                </div>
                            </div>-->
                            <!--  END: currently registered users table-->

<!--                        </div> -->                          
                        <!--end: Datatable -->
<!--                    </div>
                </div>
            </div>
        </div>
    </div>-->
</div>
<!--begin::Modal-->
<div class="nav_modal admin_popup_04_2">
    <div class="modal fade" id="m_modal_4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">
                        Add New User
                    </h5>
                </div>
                <form method="post" action="saveuser" id="admin_user_form" enctype="multipart/form-data">
                <div class="modal-body">
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">
                                <p class="text_right">Name:</p>
                            </label>
                            <div class="col-10">
                                <div class="form-group m-form__group row">                                      
                                    <input class="form-control m-select2 " type="text" name="uname" id="usrname" placeholder="Enter User Name">
                                </div>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">
                                <p class="text_right">Email:</p>
                            </label>
                            <div class="col-10">
                                <div class="form-group m-form__group row">                                      
                                    <input class="form-control m-select2 " type="email" name="useremail" id="user_email" placeholder="Enter Email Address">
                                </div>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                                <label for="example-text-input" class="col-2 col-form-label">
                                    <p class="text_right">Password:</p>
                                </label>
                                <div class="col-10">
                                    <div class="form-group m-form__group row">                                      
                                        <input class="form-control m-select2 " type="password" name="userpassword" id="user_password" placeholder="Enter Password">
                                    </div>
                                </div>
                            </div>
<!--                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">
                                <p class="text_right">Role:</p>
                            </label>
                            <div class="col-10">
                                <div class="form-group m-form__group row SelectRole">                                      

                                    <label>Superadmin</label>
                                    <span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="1" style="width: auto;">
                                        <span class="selection">
                                            <span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1" aria-labelledby="select2-m_select2_10-container">
                                                <span class="select2-selection__rendered" id="select2-m_select2_10-container" role="textbox" aria-readonly="true" title="-Select-">-Select-</span><span class="select2-selection__arrow" role="presentation">
                                                    <b role="presentation"></b>
                                                </span>
                                            </span>
                                        </span>
                                        <span class="dropdown-wrapper" aria-hidden="true"></span>
                                            
                                    </span>
                                </div>
                            </div>
                        </div>-->
                </div>
                
                <div class="modal-footer">
                    <div class="m-portlet__foot m-portlet__foot--fit">
                        <div class="m-form__actions">
                            <div class="row">

                                <div class="col-10 offset-2">
                                    <button class="btn btn-accent m-btn m-btn--air m-btn--custom" id="save_user">
                                        Save
                                    </button>
                                    &nbsp;&nbsp;
                                    <button type="reset" class="btn btn-secondary m-btn m-btn--air m-btn--custom" id="close_modal">
                                        Cancel
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    </form>
            </div>
        </div>
    </div>
</div>
<!--end::Modal-->

<!-- end:: Body -->
@endsection