@extends('layouts.app')

        @section('styles')

        @endsection

            @section('content')

                            <!-- PAGE-HEADER -->
                            <div class="page-header">
                                <h1 class="page-title">Admin</h1>
                                <div>
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="javascript:void(0)">Pages</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">Admin</li>
                                    </ol>
                                </div>
                            </div>
                            <!-- PAGE-HEADER END -->

                            <!-- ROW-1 OPEN -->
                            <div class="row">
                                <div class="col-lg-12 col-md-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h3 class="card-title">Edit Admin Details</h3>
                                        </div>
                                        <div class="card-body">
                                                <form method="POST" id="createForm" class="myform" enctype="multipart/form-data">  
                                                    <input id="csrf_token" type="hidden" value="{{ csrf_token() }}">
                                                    <input id="user_id" name="user_id" type="hidden" value="">
                                                    
                                                    @csrf
                                                <div class="form-row">
                                                    <div class="col-xl-4 mb-3">
                                                        <label for="validationTooltip01">Name</label>
                                                        <input data-parsley-required-message="Name Required" type="text" class="form-control" name="name" id="name"
                                                            value="{{$data['users']->name}}" required>
                                                            
                                                    </div>
                                                    <div class="col-xl-4 mb-3">
                                                        <label for="validationTooltip02">Email</label>
                                                        <input type="text" data-parsley-required-message="Email id Required" class="form-control" name="email" id="email"
                                                            value="{{$data['users']->email}}" required>
                                                    </div>
                                                    <div class="col-xl-4 mb-3">
                                                        <label for="validationTooltip02">Username</label>
                                                        <input type="text" data-parsley-required-message="Username Required" class="form-control" name="username" id="username"
                                                            value="{{$data['users']->username}}" required>
                                                    </div>
                                                    <div class="col-xl-4 mb-3">
                                                        <label for="validationTooltip02">Profile Photo (150x150px)</label>
                                                        <input type="file" data-parsley-required-message="" class="form-control custom-input-file" name="image" id="image"
                                                            value="" >
                                                    </div>
                                                </div>
                                   
                                


                                                {{-- <a id="create_btn" href="#" onclick="createOrUpdate('{{url('/admin/add_category')}}', 'createForm', '', '','')" class="btn custom-btn-success"><i class="fa fa-save"></i> Save</a> --}}
                                                <a  id="update_btn"  href="#" onclick="createOrUpdate('{{url('/admin/update_user_details')}}','POST','createForm', '', '','')" class="btn custom-btn-success"><i class="fa fa-save"></i> Update</a>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /ROW-1 CLOSED -->


                                <!-- ROW-1 OPEN -->
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                        <div class="card">
                                            <div class="card-header">
                                                <h3 class="card-title">Change Password</h3>
                                            </div>
                                            <div class="card-body">
                                                    <form method="POST" id="update_Form" class="myform" enctype="multipart/form-data">  
                                                        <input id="csrf_token" type="hidden" value="{{ csrf_token() }}">
                                                        <input id="category_id" name="category_id" type="hidden" value="">
                                                        
                                                        @csrf
                                                    <div class="form-row">
                                                        {{-- <div class="col-xl-4 mb-3">
                                                            <label for="validationTooltip01">Current Password</label>
                                                            <input data-parsley-required-message="Current password Required" type="text" class="form-control" name="current_password" id="current_password"
                                                                value="" required>
                                                                
                                                        </div> --}}
                                                        <div class="col-xl-4 mb-3">
                                                            <label for="validationTooltip02">New Password</label>
                                                            <input type="password" data-parsley-required-message="New Password Required" class="form-control" name="new_password" id="new_password"
                                                                value="" required>
                                                        </div>
                                                        <div class="col-xl-4 mb-3">
                                                            <label for="validationTooltip02">Confirm Password</label>
                                                            <input type="password" data-parsley-required-message="Confirm Password Required" class="form-control" name="confirm_password" id="confirm_password"
                                                                value="" required>
                                                        </div>
                                                    
                                                    </div>
                                       
                                    
    
    
                                                    {{-- <a id="create_btn" href="#" onclick="createOrUpdate('{{url('/add_category')}}', 'createForm', '', '','')" class="btn custom-btn-success"><i class="fa fa-save"></i> Save</a> --}}
                                                    <a  id="update_btn"  href="#" onclick="createOrUpdate('{{url('/admin/update_password')}}','POST', 'update_Form', '', '','')" class="btn custom-btn-success"><i class="fa fa-save"></i> Update</a>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- /ROW-1 CLOSED -->

                   

                         <!-- Modal -->
                        <div class="modal fade" id="modaldemo8">
                            <div class="modal-dialog modal-dialog-centered text-center" role="document">
                                <div class="modal-content modal-content-demo">
                                    <div class="modal-header">
                                        <h6 class="modal-title">Image Preview</h6><button aria-label="Close" class="btn-close" data-bs-dismiss="modal"><span aria-hidden="true">&times;</span></button>
                                    </div>
                                    <div id="image_preview_modal_body" class="modal-body">
                                      <img src="{{url('/')}}/uploads/category_images/20220301112116.jpeg" alt="">
                                    </div>
                                    <div class="modal-footer">
                                         <button class="btn custom-btn-warning" data-bs-dismiss="modal">Close</button>
                                    </div>
                                </div>
                            </div>
                        </div>



                        <div class="modal  fade" id="smallmodal" tabindex="-1" role="dialog">
                            <div class="modal-dialog modal-sm" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Delete</h5>
                                        <button class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">×</span>
                                            </button>
                                    </div>
                                    <div class="modal-body">
                                        <p>Are You sure delete the User.</p>
                                    </div>
                                    <div class="modal-footer">
                                        <button class="btn custom-btn-warning" data-bs-dismiss="modal">Close</button>
                                        <button onclick="delete_item()" class="btn custom-btn-danger">Delete</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        
                        

            @endsection

        @section('scripts')
        

        <script src="{{asset('js/category/index.js')}}"></script>


        @endsection