@extends('layout')
@section('css')
        <!-- css code here -->
@endsection

@section('content')
    @include('users.my_profile.breadcrumb')
    <div class="container-fluid">
        <div class="row starter-main">
            <div class="col-sm-6"> 
                <div class="card"> 
                    <div class="card-body">
                                <div class="form-group">
                                Name <span class="pull-right">{{Auth::guard('admin')->user()->name}}</span>
                                </div>
                                <div class="form-group">
                                Surname <span class="pull-right">{{Auth::guard('admin')->user()->surname}}</span>
                                </div>
                                <div class="form-group">
                                Email <span class="pull-right">{{Auth::guard('admin')->user()->email}}</span>
                                </div>
                                <div class="form-group">
                                Contact # <span class="pull-right">{{Auth::guard('admin')->user()->mobile}}</span>
                                </div>
                    </div>
                </div> 
            </div> 
            <div class="col-sm-6"> 
                <div class="card"> 
                    <div class="card-body">
                        <div class="form-group">
                            Dark Mode 
                            <span class="pull-right">
                                    <div class="form-check form-switch">
                                    <input data-url="{{route('users.process','change_light_theme')}}" class="form-check-input onDarkMode" value="1" type="checkbox" id="flexSwitchCheckChecked"  {{ Auth::guard('admin')->user()->is_dark == 0 ? 'checked' : ''}} >
                                    <label class="form-check-label" for="flexSwitchCheckChecked"></label>
                                    </div>
                            </span>
                        </div>
                        <div class="form-group">
                        Security<span class="pull-right">
                        <a href="#" class=" pop-up " data-template="{{route('users.form','password')}}">Change Password</a>
                        </span>
                        </div>
                    </div>
                </div> 
            </div> 
        </div> 
    </div>
@endsection

@section('script')
<script src="{{ url('js/users.js') }}"></script>
@endsection