@extends('layouts.backend')
@section('content')
    @if (\Session::has('success'))
        <div class="alert alert-primary alert-dismissible fade show" role="alert">
            {!! \Session::get('success') !!}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @elseif (\Session::has('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {!! \Session::get('error') !!}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    <div class="col-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Profile Settings</h4>
                <p class="card-description"> Profile Information </p>
                <form class="forms-sample" method="post" action="{{ route('admin.settings.profile') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label for="exampleInputName1">Name</label>
                        <input type="text" class="form-control" id="exampleInputName1" name="name"
                            value="@if (!empty(old('name'))) {{ old('name') }} @else{{ $user_profile->name }} @endif"
                            placeholder="Name">
                        <span class="text-danger">{{ $errors->first('name') }}</span>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail3">Email address</label>
                        <input type="text" class="form-control" id="exampleInputEmail3" name="email"
                            value="@if (!empty(old('email'))) {{ old('email') }} @else{{ $user_profile->email }} @endif"
                            placeholder="Email" autocomplete="off">
                        <span class="text-danger">{{ $errors->first('email') }}</span>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword4">Password</label>
                        <input type="password" class="form-control" id="exampleInputPassword4" name="password"
                            placeholder="Password" autocomplete="new-password">
                        <span class="text-danger">{{ $errors->first('password') }}</span>
                    </div>
                    <div class="form-group">
                        <label>Profile Pic</label>
                        <div class="input-group col-xs-12">
                            <input type="file" class="form-control file-upload-info" name="profile_pic" placeholder="Upload Image">
                        </div>
                        <span class="text-danger">{{ $errors->first('profile_pic') }}</span>
                    </div>
                    <button type="submit" class="btn btn-primary me-2">Submit</button>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        //on focus input
        $(document).on("change", "input", function() {
            $(this).parent().find("span.text-danger").remove();
            $(document).find('.alert').remove();
        });
        $(document).on("focus", "input", function() {
            $(this).parent().find("span.text-danger").remove();
            $(document).find('.alert').remove();
        });
        $(document).on("focus", "textarea", function() {
            $(this).parent().find("span.text-danger").remove();
            $(document).find('.alert').remove();
        });
        $(document).on("change", "select", function() {
            $(this).parent().find("span.text-danger").remove();
            $(document).find('.alert').remove();
        });
        $(document).on("focus", "select", function() {
            $(this).parent().find("span.text-danger").remove();
            $(document).find('.alert').remove();
        });
    </script>
@endpush