Search Order Component

This commit is contained in:
hazim
2019-04-02 11:30:32 +08:00
parent fb92d1ba16
commit 74fea496a7
3 changed files with 237 additions and 608 deletions
+232 -607
View File
@@ -1,582 +1,280 @@
@extends('layouts.base_portal')
@section('inner_content')
<div class="row">
<div class="col">
<div class="row m-t-20">
<div class="col-3">
<div class="bg-master-light">
<img src="{{asset('images/profile.png')}}" class="w-100">
</div>
</div>
<div class="col-6">
<div class="row">
<div class="col">
<h4 class="no-margin bold">{{ucwords($profile->first_name.' '.$profile->last_name)}}</h4>
<p class="no-margin text-complete">Development - Php Developer</p>
</div>
<div class="col-auto">
<a href="#" class="btn btn-default">
<span class="text-success">
<i class="fa fa-comments-o m-r-5"></i>Send message
</span>
</a>
</div>
</div>
<div class="card card-borderless m-t-20">
<ul class="nav nav-tabs nav-tabs-simple" role="tablist" data-init-reponsive-tabs="dropdownfx">
<li class="nav-item">
<a class="active" data-toggle="tab" role="tab" data-target="#basic" href="#">Personal Details</a>
</li>
<li class="nav-item">
<a href="#" data-toggle="tab" role="tab" data-target="#contacts">Emergency Contacts</a>
</li>
<li class="nav-item">
<a href="#" data-toggle="tab" role="tab" data-target="#documents">Documents</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="basic">
<div class="row p-t-5 p-b-5 ">
<div class="row m-t-30">
<div class="col-7">
<div class="row no-margin">
<div class="col bg-white" style="-webkit-box-shadow: 0px 7px 25px -19px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 25px -19px rgba(0,0,0,0.75); box-shadow: 0px 7px 25px -30px rgba(0,0,0,0.75);">
<div class="row">
<div class="col">
<div class="row p-t-10 p-b-10 b-b b-grey m-b-15 hint-text">
<div class="col">
<small class="muted all-caps hint-text fs-10">Contact Information</small>
<small class="bold all-caps">
Personal Information
</small>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent">
<div class="row p-t-10 p-b-30 hover-parent">
<div class="col">
<div class="row">
<div class="col-3">
<p class="no-margin fs-11">Phone:</p>
<div class="row m-l-10 m-r-30 p-l-10">
<div class="col">
<user-avatar username="{{auth()->user()->first_name.' '.auth()->user()->last_name}}" :size="150" ></user-avatar>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col-8">
<div class="row p-b-20">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11 text-complete">@if($userContacts['primary']) {{ '+'.$userContacts['primary']->country_key.' '.$userContacts['primary']->contact_no}} @endif</span>
<span class="muted fs-10 emptyText @if($userContacts['primary'] !== null) hide @endif">Not specified</span>
</p>
<p class="no-margin text-complete fs-11"></p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
<small class="all-caps fs-10">Basic Information</small>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col-4 p-r-0">
<div class="form-group">
<select class="full-width countriesList" name="country_key">
<option></option>
@foreach($countries as $key => $country)
@if(is_array($country['dialling']['calling_code']))
@foreach($country['dialling']['calling_code'] as $code)
<option value="{{$code}}" @if($userContacts['primary'] !==null) @if($code=== $userContacts['primary']->country_key) selected @endif @endif>+{{$code}}</option>
@endforeach
@endif
@endforeach
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Phone number" name="contact_no" value="@if($userContacts['primary']) {{$userContacts['primary']->contact_no}}@endif">
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<input type="hidden" class="form-control" name="type" value="0">
<input type="hidden" class="form-control" name="primary" value="1">
@if($userContacts['primary'] !== null)
<input type="hidden" class="form-control" name="contact_id" value="{{$userContacts['primary']->id}}">
@endif
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
</div>
</div>
<div class="row p-b-10 b-b b-grey hover-parent m-l-20">
<div class="col-4">
<p class="no-margin fs-11">First Name</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent">
<div class="col">
<div class="row">
<div class="col-3">
<p class="no-margin fs-11">E-mail:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin text-complete fs-11">{{$profile->email}}</p>
<div class="col-1">
<p class="no-margin fs-11">:</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 hover-parent">
<div class="col">
<div class="row">
<div class="col-3">
<p class="no-margin fs-11">Address:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11">{{$profile->street_one.' '.$profile->street_two.' '.$profile->city.' '.$profile->state.' '.$profile->post_code.' '.$profile->country }}</span>
<span class="muted fs-10 emptyText @if($profile->street_one === null && $profile->street_two === null && $profile->city === null && $profile->state === null && $profile->post_code === null && $profile->country === null) @else hide @endif">Not specified</span>
</p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<input name="street_one" class="form-control" placeholder="Address line 1" value="{{$profile->street_one}}">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<input name="street_two" class="form-control" placeholder="Address line 2" value="{{$profile->street_two}}">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<input name="city" class="form-control" placeholder="City" value="{{$profile->city}}">
</div>
</div>
<div class="col">
<div class="form-group">
<input name="state" class="form-control" placeholder="State" value="{{$profile->state}}">
</div>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="form-group">
<input name="post_code" class="form-control" placeholder="Post Code" value="{{$profile->post_code}}">
</div>
</div>
<div class="col">
<div class="form-group">
<select class="full-width countriesList" name="country">
<option></option>
@foreach($countries as $key => $country)
<option value="{{$country['name']['common']}}" @if($country['name']['common'] === $profile->country) selected @endif>{{$country['name']['common']}}</option>
@endforeach
</select>
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmProfileEdit">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-5 p-b-5 m-t-15">
<div class="col">
<small class="muted all-caps hint-text fs-10">Basic Information</small>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent">
<div class="col">
<div class="row">
<div class="col-3">
<p class="no-margin fs-11">Employee ID:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11">{{$profile->employee_id}}</span>
<span class="muted fs-10 emptyText @if($profile->employee_id !== null) hide @endif">Not specified</span>
</p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<input name="employee_id" class="form-control" placeholder="Employee's ID" value="{{$profile->employee_id}}" >
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmProfileEdit">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent">
<div class="col">
<div class="row">
<div class="col-3">
<p class="no-margin fs-11">Birthday:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11">{{$profile->birth_date}}</span>
<span class="muted fs-10 emptyText @if($profile->birth_date !== null) hide @endif">Not specified</span>
</p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<input class="form-control birthdayPicker" name="birth_date" placeholder="Date of birth" value="{{$profile->birth_date}}">
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmProfileEdit">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent">
<div class="col">
<div class="row">
<div class="col-3">
<p class="no-margin fs-11">Gender:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11">
@if($profile->gender !== 0)
{{Constants::GENDER_NAMES[$profile->gender]}}
@endif
</span>
<span class="muted fs-10 emptyText @if($profile->gender !== 0) hide @endif">Not specified</span>
</p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row m-b-20">
<div class="col">
@foreach(Constants::GENDER_NAMES as $id => $name)
<div class="pretty p-default p-round">
<input type="radio" name="gender" value="{{$id}}" @if($profile->gender === $id) checked @endif>
<div class="state p-success-o">
<label class="fs-13">{{$name}}</label>
</div>
</div>
@endforeach
</div>
</div>
<div class="row">
<div class="col text-right">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmProfileEdit">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 hover-parent">
<div class="col">
<div class="row">
<div class="col-3">
<p class="no-margin fs-11">Marital Status:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11">
@if($profile->marriage_status !== 0)
{{Constants::MARITAL_STATUS_NAMES[$profile->marriage_status]}}
@endif
</span>
<span class="muted fs-10 emptyText @if($profile->marriage_status !== 0) hide @endif">Not specified</span>
</p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row m-b-20">
<div class="col">
@foreach(Constants::MARITAL_STATUS_NAMES as $id => $name)
<div class="pretty p-default p-round">
<input type="radio" name="marriage_status" value="{{$id}}" @if($profile->marriage_status === $id) checked @endif>
<div class="state p-success-o">
<label class="fs-13">{{$name}}</label>
</div>
</div>
@endforeach
</div>
</div>
<div class="row">
<div class="col text-right">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmProfileEdit">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="contacts">
<div class="row">
<div class="col">
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent no-margin hide" id="contactRowRef">
<div class="col no-padding">
<div class="row">
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col-7 overflow-ellipsis">
<p class="no-margin fs-11">
<span class="label m-r-10 fs-10 all-caps contactTypeText"></span>
<span class="contactName"></span>
</p>
</div>
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11 text-complete contactNumberText"></span>
<span class="text fs-11 text-complete">
@if(auth()->user() !== null)
{{ auth()->user()->first_name}}
@endif
</span>
<span class="muted fs-10 emptyText @if(auth()->user()->first_name !== null) hide @endif">Not specified</span>
</p>
<p class="no-margin text-complete fs-11"></p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit inline">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
<div class="text-danger hover-item inline m-l-5">
<i class="fa fa-trash fs-14 inlineDelete pointer"></i>
</div>
</div>
</div>
<div class="modal fade stick-up inlineModal">
<div class="modal-dialog modal-sm">
<div class="modal-content-wrapper">
<div class="modal-content">
<div class="modal-header clearfix text-left">
<button type="button" class="close" data-dismiss="modal" ><i class="fa fa-times fs-14"></i></button>
<h5>Delete Contact</h5>
</div>
<div class="modal-body">
<p class="no-margin">Are sure you want to delete this emergency contact?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-xs btn-cons no-margin pull-left inline" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-xs btn-cons pull-left inline confirmContactDelete" data-id="" data-dismiss="modal">Delete Contact</button>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="row inlineForm" >
<div class="row inlineForm" id="firstName" >
<div class="col">
<div class="row">
<div class="col-4 p-r-0">
<div class="form-group">
<select class="full-width selectList" name="type">
@foreach(Constants::MODULE_TYPES as $key => $type)
<option value="{{$key}}">{{$type}}</option>
@endforeach
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Contact Name" name="name" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-3 p-r-0">
<div class="form-group">
<select class="full-width selectList" name="country_key">
<option></option>
@foreach($countries as $key => $country)
@if(is_array($country['dialling']['calling_code']))
@foreach($country['dialling']['calling_code'] as $code)
<option value="{{$code}}">+{{$code}}</option>
@endforeach
@endif
@endforeach
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Phone number" name="contact_no" value="">
<input class="form-control" placeholder="First Name" name="first_name" value="">
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<input type="hidden" name="contact_id" value="">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit">Save Changes</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@foreach($userContacts['emergency'] as $key => $contact)
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent no-margin">
<div class="col no-padding">
<div class="row">
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
<div class="col-4">
<p class="no-margin fs-11">Last Name</p>
</div>
<div class="col-1">
<p class="no-margin fs-11">:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col-7 overflow-ellipsis">
<p class="no-margin fs-11">
<span class="label m-r-10 fs-10 all-caps">{{Constants::MODULE_TYPES[$contact->type]}}</span>
{{$contact->name}}
</p>
</div>
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11 text-complete">{{ '+'.$contact->country_key.' '.$contact->contact_no}}</span>
<span class="text fs-11 text-complete">
@if(auth()->user() !== null)
{{ auth()->user()->last_name}}
@endif
</span>
<span class="muted fs-10 emptyText @if(auth()->user()->last_name !== null) hide @endif">Not specified</span>
</p>
<p class="no-margin text-complete fs-11"></p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit inline">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
<div class="text-danger hover-item inline m-l-5">
<i class="fa fa-trash fs-14 inlineDelete pointer"></i>
</div>
</div>
</div>
<div class="modal fade stick-up inlineModal">
<div class="modal-dialog modal-sm">
<div class="modal-content-wrapper">
<div class="modal-content">
<div class="modal-header clearfix text-left">
<button type="button" class="close" data-dismiss="modal"><i class="fa fa-times fs-14"></i>
</button>
<h5>Delete Contact</h5>
</div>
<div class="modal-body">
<p class="no-margin">Are sure you want to delete this emergency contact?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-xs btn-cons no-margin pull-left inline" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-xs btn-cons pull-left inline confirmContactDelete" data-id="{{$contact->id}}" data-dismiss="modal">Delete Contact</button>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col-4 p-r-0">
<div class="form-group">
<select class="full-width" data-init-plugin="select2" name="type">
@foreach(Constants::MODULE_TYPES as $key => $type)
<option value="{{$key}}" @if($key === $contact->type) selected @endif>{{$type}}</option>
@endforeach
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Contact Name" name="name" value="{{$contact->name}}">
</div>
</div>
</div>
<div class="row">
<div class="col-3 p-r-0">
<div class="form-group">
<select class="full-width countriesList" name="country_key">
<option></option>
@foreach($countries as $key => $country)
@if(is_array($country['dialling']['calling_code']))
@foreach($country['dialling']['calling_code'] as $code)
<option value="{{$code}}" @if($code=== $contact->country_key) selected @endif>+{{$code}}</option>
@endforeach
@endif
@endforeach
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Phone number" name="contact_no" value="{{$contact->contact_no}}">
<input class="form-control" placeholder="Last Name" name="last_name" value="">
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<input type="hidden" name="contact_id" value="{{$contact->id}}">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit">Save Changes</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
<div class="col-4">
<p class="no-margin fs-11">Email</p>
</div>
<div class="col-1">
<p class="no-margin fs-11">:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11 text-complete">
@if(auth()->user() !== null)
{{ auth()->user()->email}}
@endif
</span>
<span class="muted fs-10 emptyText @if(auth()->user()->email !== null) hide @endif">Not specified</span>
</p>
<p class="no-margin text-complete fs-11"></p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Email" name="email" value="{{auth()->user()->first_name.' '.auth()->user()->last_name}}">
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
<div class="col-4">
<p class="no-margin fs-11">Password</p>
</div>
<div class="col-1">
<p class="no-margin fs-11">:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11 text-complete">*********</span>
<span class="muted fs-10 emptyText "></span>
</p>
<p class="no-margin text-complete fs-11"></p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Password" name="password" value="">
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
<div class="col-4">
<p class="no-margin fs-11">Address</p>
</div>
<div class="col-1">
<p class="no-margin fs-11">:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11 text-complete">
@if(auth()->user() !== null)
{{ auth()->user()->address}}
@endif
</span>
<span class="muted fs-10 emptyText @if(auth()->user()->address !== null) hide @endif">Not specified</span>
</p>
<p class="no-margin text-complete fs-11"></p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Joined" value="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
<div class="col-4">
<p class="no-margin fs-11">Joined</p>
</div>
<div class="col-1">
<p class="no-margin fs-11">:</p>
</div>
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col">
<p class="no-margin textContainer">
<span class="text fs-11 text-complete">
@if(auth()->user() !== null)
{{ auth()->user()->created_at}}
@endif
</span>
<span class="muted fs-10 emptyText @if(auth()->user()->created_at !== null) hide @endif">Not specified</span>
</p>
<p class="no-margin text-complete fs-11"></p>
</div>
<div class="col-auto">
<div class="text-complete hover-item inlineEdit">
<i class="fa fa-pencil fs-14 pointer"></i>
</div>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Joined" value="">
</div>
</div>
</div>
</div>
@@ -585,106 +283,33 @@
</div>
</div>
</div>
@endforeach
<div class="row p-t-10 p-b-10 hover-parent">
<div class="col inlineParent">
<div class="row inlineInfo">
<div class="col-auto">
<p class="no-margin fs-11 inlineEdit text-primary pointer">
<i class="fa fa-plus m-r-5"></i> Add New Contact
</p>
</div>
</div>
<div class="row inlineForm" >
<div class="col">
<div class="row">
<div class="col-4 p-r-0">
<div class="form-group">
<select class="full-width" data-init-plugin="select2" name="type">
@foreach(Constants::MODULE_TYPES as $key => $type)
<option value="{{$key}}">{{$type}}</option>
@endforeach
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Contact Name" name="name">
</div>
</div>
</div>
<div class="row">
<div class="col-3 p-r-0">
<div class="form-group">
<select class="full-width countriesList" name="country_key">
<option></option>
@foreach($countries as $key => $country)
@if(is_array($country['dialling']['calling_code']))
@foreach($country['dialling']['calling_code'] as $code)
<option value="{{$code}}" @if($code=== '60') selected @endif>+{{$code}}</option>
@endforeach
@endif
@endforeach
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<input class="form-control" placeholder="Phone number" name="contact_no">
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="new">Add Contact</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="documents">
<div class="row">
<div class="col-lg-12">
<h5>Under Construction</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-3">
<div class="card card-borderless p-l-15 p-r-15 m-b-10">
<div class="row m-t-15">
</div>
<div class="col">
<div class="row no-margin">
<div class="col bg-white" style="-webkit-box-shadow: 0px 7px 25px -19px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 25px -19px rgba(0,0,0,0.75); box-shadow: 0px 7px 25px -30px rgba(0,0,0,0.75);">
<div class="row">
<div class="col">
<div class="fs-11 all-caps">Total Claims <i class="fa fa-chevron-right m-l-5"></i></div>
</div>
</div>
<div class="row b-b b-grey p-b-5">
<div class="col">
<h4 class="no-margin p-b-5 muted">MYR 0.00</h4>
</div>
</div>
<div class="row p-t-5 p-b-5">
<div class="col">
<small class="no-margin text-complete"><i class="fa fa-plus m-r-5"></i>Make a claim</small>
<div class="row p-t-10 p-b-10 b-b b-grey m-b-15 hint-text">
<div class="col">
<small class="bold all-caps">
User Activity
</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var updateProfileInfoUrl = "{{ route('ajax.profile.update')}}",
updateContactInfoUrl = "{{ route('ajax.profile.contacts.update')}}",
deleteContactInfoUrl = "{{ route('ajax.profile.contacts.delete')}}",
gender = {!! json_encode(Constants::GENDER_NAMES) !!},
marriage = {!! json_encode(Constants::MARITAL_STATUS_NAMES) !!},
contact = {!! json_encode(Constants::MODULE_TYPES) !!};
</script>
@endsection
@endsection
@@ -27,7 +27,7 @@
<div class="col">
<div class="m-b-5">{{ucwords(auth()->user()->first_name.' '.auth()->user()->last_name)}}</div>
<div class="muted m-b-10">{{auth()->user()->email}}</div>
<div class="m-b-5"><a href="#"><span class="text-complete">View Profile</span></a></div>
<div class="m-b-5"><a href="{{route('user.profile')}}"><span class="text-complete">View Profile</span></a></div>
</div>
</div>
</div>
+4
View File
@@ -15,6 +15,10 @@ Route::group(['prefix' => 'auth'], function () {
Route::group(['middleware' => ['secure', 'clearcache']], function (): void {
Route::get('/profile', function(){
return view('pages.accounts.profile');
})->name('user.profile');
Route::post('/test', 'TestController@index')->name('test');
Route::get('/accounts', function(){