@extends('admin.layouts.admin-master')
@section('page-title')
    {{__('Profile Settings')}}
@endsection
@section('styles')
    <x-media.css/>
@endsection
@section('content')
    <div class="dashboard__inner__item dashboard__card bg__white padding-20 radius-10 margin-30">
        <div class="dashboard__card__header d-flex justify-content-between">
            <h4 class="dashboard__card__header__title">Profile Settings</h4>
        </div>
        <div class="mt-4 mb-4">
            <x-admin.flash-msg.error />
            <x-admin.flash-msg.msg />
        </div>
        <div class="row">
            <div class="col-lg-6">
                <form action="{{route('admin.profile')}}" enctype="multipart/form-data" method="post">
                    @csrf
                    <div class="form__input__single">
                        <label for="name1" class="form__input__single__label">Name</label>
                        <input type="text" name="name"  class="form__control radius-5"  value="{{$user->name}}">
                    </div>
                    <div class="form__input__single">
                        <label for="name1" class="form__input__single__label">Email</label>
                        <input type="text" name="email" class="form__control radius-5"  value="{{$user->email}}">
                    </div>
                    <x-media.media title="Image" name="image" mime_type="{{$user->media?->ext}}" image="{{mediaUrl($user->media?->path)}}" value="{{$user->media?->id}}" mimes="jpb,png,gif" size="1mb"/>
                    <div class="form__input__single">
                        <button type="submit" class="cmnBtn btn_outline_blue radius-5">Submit Changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <x-media.js />
    <script>
        (function ($){
            "use strict";

        })(jQuery);
    </script>
@endsection