MINI Sh3ll

@extends('layouts.main')
@section('title', 'Profile')
@section('content')

<!--begin::Portlet-->
<div class="m-portlet m-portlet--tab">
    <div class="m-portlet__head">
        <div class="m-portlet__head-caption">
            <div class="m-portlet__head-title">
                <span class="m-portlet__head-icon m--hide">
                    <i class="la la-gear"></i>
                </span>
                <h3 class="m-portlet__head-text">
                   My Profile
                </h3>
            </div>
        </div>
    </div>
    
    <form class="m-form m-form--fit m-form--label-align-right" autocomplete="off" action="{{route('profileUpdate')}}" method="POST" role="form" data-parsley-validate="parsley">
        {{ csrf_field() }}
        <div class="m-portlet__body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group m-form__group">
                        <label class="">
                            First Name <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control m-input" name="first_name" value="{{$user->first_name}}" 
                           required                      = 'required'
                           data-parsley-required-message = 'First name is required'
                           data-parsley-trigger          = 'change focusout'
                           data-parsley-pattern          = '/^[a-zA-Z]*$/'
                           data-parsley-minlength        = '3'
                           data-parsley-maxlength        = '32'/>
                        <span class="m-form__help"></span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group m-form__group">
                        <label class="">
                            Middle Name 
                        </label>
                        <input type="text" class="form-control m-input" name="middle_name" value="{{$user->middle_name}}"
                           data-parsley-trigger          = 'change focusout'
                           data-parsley-pattern          = '/^[a-zA-Z]*$/'
                           data-parsley-minlength        = '1'
                           data-parsley-maxlength        = '32'
                           data-parsley-minlength-message= 'You need to enter at least a 1 character comment..'
                           data-parsley-maxlength-message= 'You need to enter maximum 32 character comment..' 
                           autocomplete="false" />
                        <span class="m-form__help"></span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group m-form__group">
                        <label class="">
                            Last Name <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control m-input" name="last_name" value="{{$user->last_name}}"
                               required                      = 'required'
                               data-parsley-required-message = 'Last name is required'
                               data-parsley-trigger          = 'change focusout'
                               data-parsley-pattern          = '/^[a-zA-Z]*$/'
                               data-parsley-minlength        = '3'
                               data-parsley-maxlength        = '32'/>
                        <span class="m-form__help"></span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group m-form__group">
                        <label class="">
                            Email address <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control m-input" name="email" readonly value="{{$user->email}}" />
                        <span class="m-form__help"></span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group m-form__group">
                        <label class="">
                            Mobile <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control m-input" name="mobile" readonly value="{{$user->mobile}}" />
                        <span class="m-form__help"></span>
                    </div>
                </div>
            </div>
            
            
        </div>
        <div class="m-portlet__foot m-portlet__foot--fit">
            <div class="m-form__actions">
                <button type="submit" class="btn btn-primary">
                    Submit
                </button>
                <button type="reset" class="btn btn-secondary">
                    Cancel
                </button>
            </div>
        </div>
    </form>
</div> 
<!--end::Portlet-->
@endsection