<x-app-layout>

<x-slot name="header">
<div class="col-md-6">
    <h4 class="" title><i class="circular icon fa fa-user"></i> {{__('Personal Information')}} </h4>
</div>

</x-slot>



<div class="col-8 offset-2">
    <div class="card">
        <div class="card-body">
            <x-form action="{{ route('user.profile_update') }}" enctype="multipart/form-data" method="POST">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <x-form.input name="name" value="{{ $admin->name }}" />
                        <x-form.input name="email" value="{{ $admin->email }}" />
                        <x-form.input name="password"  type="password" />
                        <x-form.upload name="image" value="{{ $admin->image }}" label="Avatar" />
                    </div>
                    <div class="card-footer">
                        <x-button class="btn btn-primary"> {{__('Save')}} </x-button>
                    </div>
                </div>
            </x-form>
        </div>
    </div>
</div>

<x-slot name="after_script">
    <script>
        window.app = new Vue({
            el: '#app',
            data: {},
            mounted: function() {
                this.$root.load = false;
            }
        });
    </script>
</x-slot>
</x-app-layout>