@extends('index')
@section('title', Helper::getSiteTitle('My Profile'))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
                    <li class="breadcrumb-item active">{{ __('My Profile') }}</li>
                </ol>
            </div>
            <h4 class="page-title">{{ __('My Profile') }}</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <p class="sub-header">
                    All the fields with (<span class='required-label'>*</span>) are required & others are optional which user may update later.
                </p>
                <form class="submit-form" action="{{ route('update-profile') }}" method="post" enctype="multipart/form-data">
                    <div class="row">
                        <div class="col-xl-6">
                            {{ csrf_field() }}
                            <div class="display-messages">
                                @if($errors->any())
                                <div class="alert alert-danger" role="alert">
                                    @foreach ($errors->all() as $error)
                                        {!! $error !!}<br>
                                    @endforeach
                                </div>
                                @elseif(session('message'))
                                <div class="alert alert-success" role="alert">
                                    {!! session('message') !!}
                                </div>
                                @endif
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>{{ __('First Name') }} <span class="required-label">*</span></label>
                                        <input type="text" class="form-control" placeholder="{{ __('First Name') }}" name="first_name" value="{{ Helper::getInputValue('first_name', $user->first_name) }}" required="">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>{{ __('Last Name') }} <span class="required-label">*</span></label>
                                        <input type="text" class="form-control" placeholder="{{ __('Last Name') }}" name="last_name" value="{{ Helper::getInputValue('last_name', $user->last_name) }}" required="">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="projectname">{{ __('Email') }} <span class="required-label">*</span></label>
                                <input type="email" id="projectname" class="form-control" placeholder="{{ __('Email') }}" name="email" value="{{ Helper::getInputValue('email', $user->email) }}" required="">
                            </div>

                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label>{{ __('Mobile Phone') }}</label>
                                        <input type="text" class="form-control" placeholder="{{ __('Mobile Phone') }}" name="phone" value="{{ Helper::getInputValue('phone', $user->phone) }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="id", value="{{ $user->id }}">
                        <div class="col-xl-6">
                            <div class="form-group mt-3 mt-xl-0">
                                <label for="projectname" class="mb-0">{{  __('Avatar')}}</label>
                                <p class="text-muted font-14">{{ __('Recommended image size 300 x 300 (px).') }}</p>
                                <input type="file" data-plugins="dropify" data-text="{{ __('Click to upload') }}" data-default-file="{{ $user->image }}" name="image"  />
                                <input type="hidden" name="remove_image" class="remove-image">
                            </div>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-12">
                            <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                                <span class="btn-label"><i class="mdi mdi-pencil"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                                {{ __('Update') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js-lib')
<script src="{{ asset('libs/mohithg-switchery/switchery.min.js') }}"></script>
<script src="{{ asset('libs/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('libs/flatpickr/flatpickr.min.js') }}"></script>
<script src="{{ asset('libs/dropify/js/dropify.min.js') }}"></script>
@endsection

@section('css-lib')
<link href="{{ asset('libs/mohithg-switchery/switchery.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('libs/dropify/css/dropify.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('libs/flatpickr/flatpickr.min.css') }}" rel="stylesheet" type="text/css" />
@endsection