@extends('layouts.admin')

@section('content')

    <!-- <div class="layout-px-spacing"> -->
    @if ($message = Session::get('success'))
                <div class="alert alert-light-success border-0 mb-4" role="alert"> 
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close" data-dismiss="alert">
                            <line x1="18" y1="6" x2="6" y2="18"></line>
                            <line x1="6" y1="6" x2="18" y2="18"></line>
                        </svg>
                    </button> 
                <strong>{{ $message }}</strong></div>
                @elseif ($message = Session::get('error'))
                <div class="alert alert-light-danger border-0 mb-4" role="alert"> 
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close" data-dismiss="alert">
                            <line x1="18" y1="6" x2="6" y2="18"></line>
                            <line x1="6" y1="6" x2="18" y2="18"></line>
                        </svg>
                    </button> 
                <strong>{{ $message }}</strong></div>
            @elseif ($message = Session::get('error1'))
                <div class="alert alert-light-danger border-0 mb-4" role="alert"> 
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close" data-dismiss="alert">
                            <line x1="18" y1="6" x2="6" y2="18"></line>
                            <line x1="6" y1="6" x2="18" y2="18"></line>
                        </svg>
                    </button> 
                <strong>{{ $message }}</strong></div>
            @endif
<div class="container">
    <div class="container">
        <div class="layout-px-spacing">
            <div class="row">
                <div class="col-md-12">
                    <div class="card mt-3">
                        <div class="card-header">
                            <h4 class="card-title">Admin Profiler</h4>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.user.profile') }}" method="post" id="createUser">
                                @csrf
                                <div class="row">
                                    <div class="col-md-12">
                                    <div class="form-group">
                                            <label>Current password</label>
                                            <input type="password" name="current_password" id="current_password" class="form-control">
                                            <span class="text-danger">{{ $errors->first('current_password') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                    <div class="form-group">
                                            <label>New password</label>
                                            <input type="password" name="password" id="password" class="form-control">
                                            <span class="text-danger">{{ $errors->first('password') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                    <div class="form-group">
                                            <label>Confirm password</label>
                                            <input type="password" name="password_confirmation" id="password_confirmation" class="form-control">
                                            <span class="text-danger">{{ $errors->first('password_confirmation') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer mt-3">
                                    <button type="submit" class="btn btn-fill btn-outline-primary">Submit</button>
                                    <a href="{{ route('admin')}}" class="btn btn-outline-danger">Cancel</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>        
            </div>
        </div>
    </div>
</div>
@section('page_scripts')
    <script>
        $(document).on('click', '#logout', function() {
        console.log('logout');
        var tmp_jconfirm = $('.jconfirm-holder').attr('style');
        $('.jconfirm-holder').attr('zIndex','9999');
        console.log('--------------');
        console.log('logout clicked');
        console.log('--------------');
        var $this = $(this);
        var token = "{{csrf_token()}}";
        $.confirm({
            title: 'Sky!',
            content: 'Are you sure you want to logout?',
            type: 'red',
            buttons: {
                delete: {
                    text: 'Yes, Logout',
                    btnClass: 'btn-red',
                    action: function() {
                        $.ajax({
                            type: "POST",
                            url: "{{ route('logout') }}",
                            data: {_token: token},
                            success: function (response) {
                                window.location.href = login;
                            },
                        });
                    }
                },
                cancel: function () {
                    $this.attr('disabled', false).html(' <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg> <span>Log Out</span>');
                }
            }
        });
    }); 
    </script>
@endsection
@endsection