@extends('admin.layout')
@section('content')
<!-- begin::main content -->
<main class="main-content">

    <div class="container">

        <!-- begin::page header -->
        <div class="page-header">
            <h3>Profile</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Profile</li>
                </ol>
            </nav>
        </div>
        <!-- end::page header -->

        <div class="profile m-b-20 p-30 d-lg-flex align-items-center justify-content-between"
             data-backround-image="{{asset('public/admin/media/image/image1.png')}}">
            <div class="d-flex align-items-center">
                <div>
                    <figure class="avatar avatar-xl m-r-20">
                        <img src="{{!empty($myprofile->profile_pics)?$myprofile->profile_pics:asset('public/admin/media/image/avatar.jpg');}}" class="rounded-circle" alt="...">
                    </figure>
                </div>
                <div class="text-white">
                    <div>
                        <h3>
                            {{$myprofile->username}}
                            <a href="{{asset('admin/edit-profile')}}" data-toggle="tooltip" title="Edit Profile" class="font-size-15 text-white btn-floating m-l-5">
                                <i class="fa fa-pencil"></i>
                            </a>
                        </h3>
                        <p class="m-b-0 opacity-8">{{$myprofile->institute}}</p>
                    </div>
                </div>
            </div>
            {{-- <div>
                <div class="row text-center">
                    <div class="col-4 text-info">
                        <h4 class="m-b-5">1.5K</h4>
                        <span>Post</span>
                    </div>
                    <div class="col-4 text-success">
                        <h4 class="m-b-5">1596</h4>
                        <span>Followers</span>
                    </div>
                    <div class="col-4 text-warning">
                        <h4 class="m-b-5">7896</h4>
                        <span>Likes</span>
                    </div>
                </div>
            </div> --}}
        </div>

        <div class="row row-sm">
   
            <div class="col-md-6">
                <x-flashMessage/>
               
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title d-flex justify-content-between align-items-center">
                            Information
                            {{-- <a href="#" data-toggle="tooltip" title="Edit Profile" class="link-1 text-uppercase font-size-11">
                                <i class="ti-pencil m-r-5"></i> Edit
                            </a><a href="#" data-toggle="tooltip" title="Edit Profile" class="link-1 text-uppercase font-size-11">
                                <i class="ti-pencil m-r-5"></i> Edit
                            </a> --}}
                        </h6>
                        <div class="row mb-3">
                            <div class="col-6 text-muted">Name:</div>
                            <div class="col-6">{{$myprofile->username}}</div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-6 text-muted">Phone:</div>
                            <div class="col-6">{{$myprofile->phone}}</div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-6 text-muted">Email:</div>
                            <div class="col-6">{{$myprofile->email}}</div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-6 text-muted">Company:</div>
                            <div class="col-6">{{$myprofile->institute}}</div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-6 text-muted">Encryption Key:</div>
                            <div class="col-6">{{$myprofile->salt}}</div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-6 text-muted">Turn on 2-Step Verification:</div>
                            <div class="col-6">
                                                                    <div class="form-group">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="customCheck">
                                            <label class="custom-control-label" for="customCheck">OFF</label>
                                        </div>
                                    </div>
                                                           </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <a class="btn btn-xs btn-dark text-white" href="{{asset('admin/edit-profile')}}"><i class="fa fa-edit"></i>&nbsp;Edit</a>
                        <a class="btn btn-xs btn-github text-white" href="{{asset('admin/change-password')}}"><i class="fa fa-refresh"></i>&nbsp;Change Password</a>
                    </div>
                </div>
            </div>
            
        </div>

    </div>

</main>
<!-- end::main content -->
@endsection
@push('footer-script')
<script>
    $(document).ready(function(){
        $('#customCheck').change(function() {
            $.ajax({
                type:'POST',
                url:"{{asset('admin/two-factor-change')}}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    "twofactor": $(this).is(':checked')
                },
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    success:function(data){
                    location.reload();
                }
            });    
        });

        $('#change-profile').click(function() {
            // $('#imgupload').trigger('click');

            // $.ajax({
            //     type:'POST',
            //     url:"{{asset('admin/two-factor-change')}}",
            //     data: {
            //         "_token": "{{ csrf_token() }}",
            //         "twofactor": $(this).is(':checked')
            //     },
            //     headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            //         success:function(data){
            //         location.reload();
            //     }
            // });    
        });
    });
</script>
@endpush