@extends('admin.layouts.master')

@section('header-title')
    Account Settings
@endsection
@section('dashboard-header')
    Account Settings
@endsection
@section('breadcumb_title')
    {{ $user->name }}
@endsection

@push('custom_css')
    <style>
        .user_image {
            display: none;
        }
    </style>
@endpush

@push('custom_css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/app-assets/vendors/css/forms/selects/select2.min.css') }}">
@endpush

@section('page-content')
    <!-- users edit start -->
    <section class="users-edit">
        <div class="card">
            <div class="card-content">
                <div class="card-body">
                    <div class="profile-body">
                        <form action="{{ route('profile.update') }}" method="post" enctype="multipart/form-data">

                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="controls">
                                            <label for="account-name">Name</label>
                                            <input type="text" class="form-control @error('name') is-invalid @enderror"
                                                name="name" placeholder="Name" value="{{ $user->name }}">

                                            @error('name')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="controls">
                                            <label for="account-e-mail">E-mail</label>
                                            <input type="email" class="form-control @error('email') is-invalid @enderror"
                                                name="email" placeholder="Email" value="{{ $user->email }}" required>

                                            @error('email')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <hr>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="controls">
                                            <label for="account-password">Password</label>
                                            <input type="password"
                                                class="form-control @error('password') is-invalid @enderror" name="password"
                                                placeholder="Password">

                                            @error('password')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="controls">
                                            <label for="account-password">Confirm Password</label>
                                            <input type="password"
                                                class="form-control @error('password_confirmation') is-invalid @enderror"
                                                name="password_confirmation" placeholder="Confirm Password">

                                            @error('password_confirmation')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
                                <a href="{{ route('dashboard') }}" class="btn btn-secondary mr-1">Cancel</a>
                                <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">Save
                                    changes</button>

                            </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        </div>
    </section>
    <!-- users edit ends -->
@endsection

@push('custom_js')
    <script src="{{ asset('admin/app-assets/vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ asset('admin/app-assets/js/scripts/forms/select/form-select2.js') }}"></script>
    <script>
        $(document).on('click', '#change_image', function(e) {

            e.preventDefault();

            $('.user_image').show();

        });
    </script>
@endpush