@extends('admin.layouts.app')
@section('content')
<!-- Dashboard Counts Section-->
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <!-- Form Elements -->
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <form id="profileFrm" name="profileFrm" action="{!! route('admin.profile') !!}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group row">
                                <label class="col-sm-3 form-control-label">Name</label>
                                <div class="col-sm-9">
                                    <input id="name" name="name" id="name" type="text" class="form-control" value="{!! old('name') ?? $user->name !!}">
                                </div>
                            </div>
                            <div class="line"></div>
                            <div class="form-group row">
                                <label class="col-sm-3 form-control-label">Email</label>
                                <div class="col-sm-9">
                                    <input id="email" name="email" id="email" type="text" class="form-control" value="{!! old('email') ?? $user->email !!}">
                                </div>
                            </div>
                            <div class="line"></div>
                            <div class="form-group row">
                                <label for="fileInput" class="col-sm-3 form-control-label">Profile Pic</label>
                                <div class="col-sm-9">
                                    <div class="d-md-flex align-items-center">
                                    <div class="form-inline form-fileUpload">
                                        <div class="fileUpload btn btn-primary">
                                            <span>Browse</span>
                                            <input id="image" name="image" type="file" class="upload" accept="image/*">
                                        </div>
                                        <div class="form-group mb-0">
                                            <span class="uploadFile form-control"></span>
                                        </div>
                                    </div>
                                    <div class="show-image imageRounded mt-3 mt-md-0">
                                        <img id="image_preview" src="{!! $user->avatar_url !!}" class="img-fluid rounded-circle image_preview">
                                        @if($user->avatar)
                                        <a href="javascript:void(0)" class="deleteMetaImg" onclick="deleteAdminAvatar({!!$user->id!!})">X</a>
                                        @endif
                                    </div>
                                    </div>
                                </div>
                            </div>
                            <div class="line"> </div>
                            <div class="form-group row">
                                <div class="col-sm-12 text-center">
                                    <button type="button" class="btn btn-secondary" onclick="window.location.href='{!! URL('/admin') !!}';">Cancel</button>
                                    <button type="submit" class="btn btn-primary">Save changes</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@section('js')
<script src="{!! asset('assets/backend/js/pages/auth.js') !!}"></script>
@stop
@endsection