@extends('/admin/layouts.master')
@section('content')
    <style >
        .error{
            color:red;
        }
    </style>
    <div class="card">
        <div class="card-header p-2">
            <ul class="nav nav-pills">
                <li class="nav-item"><a class="nav-link active" href="#settings" data-toggle="tab">Settings</a></li>
                <li class="nav-item"><a class="nav-link" href="#activity" data-toggle="tab">Change Password</a></li>


            </ul>
        </div><!-- /.card-header -->
        <div class="card-body">
            <div class="tab-content">
                <div class="tab-pane" id="activity">
                    <!-- Post -->
                    <form class="form-horizontal">
                        @csrf
                        <div class="alert alert-danger"   style="display: none">
                            <span class="msg-body"></span>
                        </div>
                        <div class="alert alert-success"   style="display: none">
                            <span class="success_body"></span>
                        </div>
                        <div class="form-group row">
                            <label for="inputName" class="col-sm-2 col-form-label">Current Password</label>
                            <div class="col-sm-6">
                                <input type="password" class="form-control"  placeholder="Password" name="currentpassword">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="inputEmail" class="col-sm-2 col-form-label">New Password</label>
                            <div class="col-sm-6">
                                <input type="password" class="form-control"  placeholder="New Password" name="newpassword">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="offset-sm-2 col-sm-10">
                                <button type="submit" class="btn btn-danger" id="change_password">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- /.tab-pane -->

                <div class="tab-pane active" id="settings">
                    <div>
                        <img src="@if(!empty(Auth()->guard('admin')->user()->image)){{asset(Auth()->guard('admin')->user()->image)}}@else{{asset('public/img/admin.png')}} @endif" width="250" height="250">
                    </div>
                    <form class="form-horizontal" action="{{url('admin/update-profile')}}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group row">
                            <label for="inputName" class="col-sm-2 col-form-label">Name</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="inputName" placeholder="Name" value="{{$admin->name}}" name="name">
                            </div>
                        </div>
                        @error('name')
                        <span class="text-danger"   style="margin-left: 175px">{{$message}}</span>
                        @enderror
                        <div class="form-group row">
                            <label for="inputEmail" class="col-sm-2 col-form-label">Email</label>
                            <div class="col-sm-6">
                                <input type="email" class="form-control" id="inputEmail" placeholder="Email" value="{{$admin->email}}" name="email">
                            </div>
                        </div>
                        @error('email')
                        <span class="text-danger"   style="margin-left: 175px">{{$message}}</span>
                        @enderror
                        <div class="form-group row">
                            <label for="inputEmail" class="col-sm-2 col-form-label">Change Image</label>
                            <div class="col-sm-6">
                                <input type="file"  name="image">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="offset-sm-2 col-sm-10">
                                <button type="submit" class="btn btn-danger">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
        </div><!-- /.card-body -->
    </div>

@endsection
@section('scripts')
    <script nonce="{{config('app.nonce')}}">
        $(document).ready(function(){
            $('body').on('click', '#change_password', function (e) {
               // e.preventDefault();
                var form = $(this).parents('form');
                //Form validation

                $(form).validate({
                    rules: {
                        currentpassword: {
                            required: true,
                        },
                        newpassword: {
                            required: true,

                        },
                    },
                    messages: {
                        currentpassword: "Current Password is required.",
                        newpassword: "New Password is required.",

                    },
                    highlight: function(element) {
                        $(element).parent().addClass('error')
                    },

                    // Called when the element is valid:
                    unhighlight: function(element) {
                        $(element).parent().removeClass('error')
                    },
                    submitHandler: function () {
                        var formData = new FormData(form[0]);
                        $.ajax({
                            url: "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function asset() in /home/contentsbuddylit/public_html/developers.contentsbuddylite.com/resources/views/admin/profile.blade.php:128
Stack trace:
#0 {main}
  thrown in <b>/home/contentsbuddylit/public_html/developers.contentsbuddylite.com/resources/views/admin/profile.blade.php</b> on line <b>128</b><br />