@extends("admin.layouts.app")

@section("page-header")
    <div class="section-header">
        <h1>Profile</h1>
        <div class="section-header-breadcrumb">
            <div class="breadcrumb-item active"><a href="#">Admin</a></div>
            <div class="breadcrumb-item">Profile</div>
        </div>
    </div>
@endsection

@section("content")
    @include("admin.includes.page-message")
    <div class="section-body">
        <h2 class="section-title">Edit Profile</h2>
        <div class="row">
            <div class="col-12 col-md-6 col-lg-10 m-auto">
                <form action="{{route("admin.profile.store")}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="card">
                        <div class="card-header">
                            <h4>Edit Profile</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Profile Photo</label>
                                        <div>
                                            <button class="btn btn-primary form-control button-upload-file" >
                                                <input class="input-file show-uploaded" type="file" name="profile_photo" data-upload-type="single" data-imgs-container-class="uploaded-images">
                                                <span class="upload-file-content">
                                                    <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                    <span class="upload-file-content-text">Upload Photo</span>
                                                </span>
                                            </button>
                                        </div>
                                        @error("profile_photo")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-8">
                                    <div class="uploaded-images" style="margin-bottom: 20px;"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Username</label>
                                        <input type="text" name="username"
                                               class="form-control @if($errors->has("username"))is-invalid @endif"
                                               value="{{inputValue("username", $user)}}">
                                        @error("username")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Email</label>
                                        <input type="text" name="email"
                                               class="form-control @if($errors->has("email"))is-invalid @endif"
                                               value="{{inputValue("email", $user)}}">
                                        @error("email")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>First Name</label>
                                        <input type="text" name="first_name"
                                               class="form-control @if($errors->has("first_name"))is-invalid @endif"
                                               value="{{inputValue("first_name", $user)}}">
                                        @error("first_name")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Last Name</label>
                                        <input type="text" name="last_name"
                                               class="form-control @if($errors->has("last_name"))is-invalid @endif"
                                               value="{{inputValue("last_name", $user)}}">
                                        @error("last_name")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">

                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Current Password</label>
                                        <input type="password" name="current_password"
                                               class="form-control @if($errors->has("current_password"))is-invalid @endif">
                                        @error("current_password")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Password</label>
                                        <input type="password" name="password"
                                               class="form-control @if($errors->has("password"))is-invalid @endif">
                                        @error("password")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Confirm Password</label>
                                        <input type="password" name="password_confirmation"
                                               class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-right">
                            <button class="btn btn-primary submit-button" type="submit">Save</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section("js-scripts")
@endsection