@extends('layouts_frontend.master')
@section('title','Support Case Detail')

@section('extra-css')
<link href="{{asset('dashboard/assets/css/paper-dashboard.css?v=2.0.0')}}" rel="stylesheet" />
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
@endsection

<style>
    #header {
        background: rgba(40, 58, 90, 0.9);
    }
</style>

@section('content')

<section id="services" class="services section-bg">
    <div class="container" data-aos="fade-up">
        <div class="section-title" style="padding-top: 100px;">
            <h2>Edit Profile</h2>
        </div>
        
        <div class="row">
            <div class="content">
                <div class="row">
                    <div class="col-md-4">
                        <div class="card card-user">
                            <div class="image">
                                <!-- <img src="../assets/img/damir-bosnjak.jpg" alt="..."> -->
                            </div>
                            <div class="card-body">
                                <div class="author">
                                    <a href="#">
                                        @if(Auth::user()->avatar != null)
                                        <img src="{{url('storage/profile-pic')}}/{{Auth::user()->avatar}}" alt="{{Auth::user()->name}}" class="avatar border-gray"/>
                                        @else
                                        <img class="avatar border-gray" src="{{asset('images/dummyuser.png')}}" alt="...">
                                        @endif
                                        
                                        <h5 class="title">{{ Auth::user()->name }}</h5>
                                    </a>
                                    <p class="description">
                                        <!-- {{ Auth::user()->name }} -->
                                    </p>
                                </div>
                                <p class="description text-center">
                                    {{ Auth::user()->name }}<br>{{ Auth::user()->email }}<br>{{ Auth::user()->mobile }}
                                </p>
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                        <div class="card">
                            <div class="">
                                <h3>
                                    User Profile
                                </h3>
                            </div>
                            <div class="body">
                                <form id="form_validation" method="POST" action="{{ route('profile.update',$user->id) }}" enctype="multipart/form-data">
                                    @csrf
                                    <input name="_method" type="hidden" value="PUT">
                                    <div class="form-group ">
                                        <label class="form-label">Name</label>
                                        <input type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{$user->name}}" placeholder="Username" required autofocus>
                                        @error('name')
                                        <label id="name-error" class="error" for="name">{{ $message }}</label>
                                        @enderror
                                    </div>
                                    
                                    <div class="form-group ">
                                        <label class="form-label">Mobile</label>
                                        <input type="tel" class="form-control @error('mobile') is-invalid @enderror" name="mobile" value="{{$user->mobile?$user->mobile:old('mobile')}}" placeholder="10 digit Mobile number" minlength=10 maxlength=10 pattern="\d*" title="10 digit Mobile number" required>
                                        @error('mobile')
                                        <label id="mobile-error" class="error" for="mobile">{{ $message }}</label>
                                        @enderror
                                    </div>
                                    
                                    <div class="form-group ">
                                        <label class="form-label">Email</label>
                                        <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{$user->email}}" placeholder="Email Id" required autofocus>
                                        @error('email')
                                        <label id="email-error" class="error" for="email">{{ $message }}</label>
                                        @enderror
                                    </div>
                                    
                                    <div class="form-group ">
                                        <label class="form-label">Profile Pic</label>
                                        <input type="file" class="form-control @error('avatar') is-invalid @enderror" name="avatar">
                                        @error('avatar')
                                        <label id="avatar-error" class="error" for="avatar">{{ $message }}</label>
                                        @enderror
                                    </div>
                                    <button class="btn btn-primary btn-sm" type="submit">UPDATE</button>
                                    <a href="#" class="btn btn-default btn-sm" onclick="history.go(-1)">BACK</a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection
@section('extra-script')
<script src="{{asset('dashboard/assets/js/core/popper.min.js')}}"></script>
<script>
</script>
@endsection