280 lines
14 KiB
PHP
280 lines
14 KiB
PHP
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">
|
||
|
|
<h4 class="card-title mb-0">Personal Details</h4>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-body row">
|
||
|
|
|
||
|
|
<div class="col-md-4">
|
||
|
|
{{ html()->label('First name')->class('form-label') }}
|
||
|
|
{{ html()->text('first_name')->class('form-control')->placeholder('Enter First Name')->required() }}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-4">
|
||
|
|
{{ html()->label('Middle name')->class('form-label') }}
|
||
|
|
{{ html()->text('middle_name')->class('form-control')->placeholder('Enter Middle Name') }}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-4">
|
||
|
|
<label class="form-label" for="project-title-input">Project Title</label>
|
||
|
|
<input type="text" class="form-control" id="project-title-input" placeholder="Enter project title">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-4">
|
||
|
|
<label class="form-label" for="project-thumbnail-img">Thumbnail Image</label>
|
||
|
|
<input class="form-control" id="project-thumbnail-img" type="file"
|
||
|
|
accept="image/png, image/gif, image/jpeg">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- end card body -->
|
||
|
|
</div>
|
||
|
|
<!-- end card -->
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">
|
||
|
|
<h5 class="card-title mb-0">Attached files</h5>
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
<div>
|
||
|
|
<p class="text-muted">Add Attached files here.</p>
|
||
|
|
|
||
|
|
<div class="dropzone dz-clickable">
|
||
|
|
|
||
|
|
<div class="dz-message needsclick">
|
||
|
|
<div class="mb-3">
|
||
|
|
<i class="display-4 text-muted ri-upload-cloud-2-fill"></i>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h5>Drop files here or click to upload.</h5>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul class="list-unstyled mb-0" id="dropzone-preview">
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<!-- end dropzon-preview -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end card -->
|
||
|
|
<div class="mb-4 text-start">
|
||
|
|
<button type="submit" class="btn btn-danger w-sm">Delete</button>
|
||
|
|
<button type="submit" class="btn btn-secondary w-sm">Draft</button>
|
||
|
|
<button type="submit" class="btn btn-success w-sm">Create</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end col -->
|
||
|
|
<div class="col-lg-4">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">
|
||
|
|
<h5 class="card-title mb-0">Privacy</h5>
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
<div>
|
||
|
|
<label for="choices-privacy-status-input" class="form-label">Status</label>
|
||
|
|
<div class="choices" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true"
|
||
|
|
aria-expanded="false">
|
||
|
|
<div class="choices__inner"><select class="form-select choices__input" data-choices=""
|
||
|
|
data-choices-search-false="" id="choices-privacy-status-input" hidden="" tabindex="-1"
|
||
|
|
data-choice="active">
|
||
|
|
<option value="Private" data-custom-properties="[object Object]">Private</option>
|
||
|
|
</select>
|
||
|
|
<div class="choices__list choices__list--single">
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="1" data-value="Private"
|
||
|
|
data-custom-properties="[object Object]" aria-selected="true">Private</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="choices__list choices__list--dropdown" aria-expanded="false">
|
||
|
|
<div class="choices__list" role="listbox">
|
||
|
|
<div id="choices--choices-privacy-status-input-item-choice-1"
|
||
|
|
class="choices__item choices__item--choice is-selected choices__item--selectable is-highlighted"
|
||
|
|
role="option" data-choice="" data-id="1" data-value="Private" data-select-text="Press to select"
|
||
|
|
data-choice-selectable="" aria-selected="true">Private</div>
|
||
|
|
<div id="choices--choices-privacy-status-input-item-choice-2"
|
||
|
|
class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice=""
|
||
|
|
data-id="2" data-value="Public" data-select-text="Press to select" data-choice-selectable="">
|
||
|
|
Public</div>
|
||
|
|
<div id="choices--choices-privacy-status-input-item-choice-3"
|
||
|
|
class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice=""
|
||
|
|
data-id="3" data-value="Team" data-select-text="Press to select" data-choice-selectable="">Team
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end card body -->
|
||
|
|
</div>
|
||
|
|
<!-- end card -->
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">
|
||
|
|
<h5 class="card-title mb-0">Tags</h5>
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="choices-categories-input" class="form-label">Categories</label>
|
||
|
|
<div class="choices" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true"
|
||
|
|
aria-expanded="false">
|
||
|
|
<div class="choices__inner"><select class="form-select choices__input" data-choices=""
|
||
|
|
data-choices-search-false="" id="choices-categories-input" hidden="" tabindex="-1"
|
||
|
|
data-choice="active">
|
||
|
|
<option value="Designing" data-custom-properties="[object Object]">Designing</option>
|
||
|
|
</select>
|
||
|
|
<div class="choices__list choices__list--single">
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="1"
|
||
|
|
data-value="Designing" data-custom-properties="[object Object]" aria-selected="true">Designing
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="choices__list choices__list--dropdown" aria-expanded="false">
|
||
|
|
<div class="choices__list" role="listbox">
|
||
|
|
<div id="choices--choices-categories-input-item-choice-1"
|
||
|
|
class="choices__item choices__item--choice is-selected choices__item--selectable is-highlighted"
|
||
|
|
role="option" data-choice="" data-id="1" data-value="Designing"
|
||
|
|
data-select-text="Press to select" data-choice-selectable="" aria-selected="true">Designing</div>
|
||
|
|
<div id="choices--choices-categories-input-item-choice-2"
|
||
|
|
class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice=""
|
||
|
|
data-id="2" data-value="Development" data-select-text="Press to select"
|
||
|
|
data-choice-selectable="">Development</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label for="choices-text-input" class="form-label">Skills</label>
|
||
|
|
<div class="choices" data-type="text" aria-haspopup="true" aria-expanded="false">
|
||
|
|
<div class="choices__inner"><input class="form-control choices__input" id="choices-text-input"
|
||
|
|
data-choices="" data-choices-limit="Required Limit" placeholder="Enter Skills" type="text"
|
||
|
|
value="UI/UX,Figma,HTML,CSS,Javascript,C#,Nodejs" hidden="" tabindex="-1"
|
||
|
|
data-choice="active">
|
||
|
|
<div class="choices__list choices__list--multiple">
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="1"
|
||
|
|
data-value="UI/UX" data-custom-properties="[object Object]" aria-selected="true">UI/UX</div>
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="2"
|
||
|
|
data-value="Figma" data-custom-properties="[object Object]" aria-selected="true">Figma</div>
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="3" data-value="HTML"
|
||
|
|
data-custom-properties="[object Object]" aria-selected="true">HTML</div>
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="4" data-value="CSS"
|
||
|
|
data-custom-properties="[object Object]" aria-selected="true">CSS</div>
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="5"
|
||
|
|
data-value="Javascript" data-custom-properties="[object Object]" aria-selected="true">Javascript
|
||
|
|
</div>
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="6" data-value="C#"
|
||
|
|
data-custom-properties="[object Object]" aria-selected="true">C#</div>
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="7"
|
||
|
|
data-value="Nodejs" data-custom-properties="[object Object]" aria-selected="true">Nodejs</div>
|
||
|
|
</div><input type="search" name="search_terms" class="choices__input choices__input--cloned"
|
||
|
|
autocomplete="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list"
|
||
|
|
aria-label="null">
|
||
|
|
</div>
|
||
|
|
<div class="choices__list choices__list--dropdown" aria-expanded="false"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end card body -->
|
||
|
|
</div>
|
||
|
|
<!-- end card -->
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">
|
||
|
|
<h5 class="card-title mb-0">Members</h5>
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="choices-lead-input" class="form-label">Team Lead</label>
|
||
|
|
<div class="choices" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true"
|
||
|
|
aria-expanded="false">
|
||
|
|
<div class="choices__inner"><select class="form-select choices__input" data-choices=""
|
||
|
|
data-choices-search-false="" id="choices-lead-input" hidden="" tabindex="-1"
|
||
|
|
data-choice="active">
|
||
|
|
<option value="Brent Gonzalez" data-custom-properties="[object Object]">Brent Gonzalez</option>
|
||
|
|
</select>
|
||
|
|
<div class="choices__list choices__list--single">
|
||
|
|
<div class="choices__item choices__item--selectable" data-item="" data-id="1"
|
||
|
|
data-value="Brent Gonzalez" data-custom-properties="[object Object]" aria-selected="true">Brent
|
||
|
|
Gonzalez</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="choices__list choices__list--dropdown" aria-expanded="false">
|
||
|
|
<div class="choices__list" role="listbox">
|
||
|
|
<div id="choices--choices-lead-input-item-choice-1"
|
||
|
|
class="choices__item choices__item--choice is-selected choices__item--selectable is-highlighted"
|
||
|
|
role="option" data-choice="" data-id="1" data-value="Brent Gonzalez"
|
||
|
|
data-select-text="Press to select" data-choice-selectable="" aria-selected="true">Brent Gonzalez
|
||
|
|
</div>
|
||
|
|
<div id="choices--choices-lead-input-item-choice-2"
|
||
|
|
class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice=""
|
||
|
|
data-id="2" data-value="Darline Williams" data-select-text="Press to select"
|
||
|
|
data-choice-selectable="">Darline Williams</div>
|
||
|
|
<div id="choices--choices-lead-input-item-choice-3"
|
||
|
|
class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice=""
|
||
|
|
data-id="3" data-value="Ellen Smith" data-select-text="Press to select"
|
||
|
|
data-choice-selectable="">Ellen Smith</div>
|
||
|
|
<div id="choices--choices-lead-input-item-choice-4"
|
||
|
|
class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice=""
|
||
|
|
data-id="4" data-value="Jeffrey Salazar" data-select-text="Press to select"
|
||
|
|
data-choice-selectable="">Jeffrey Salazar</div>
|
||
|
|
<div id="choices--choices-lead-input-item-choice-5"
|
||
|
|
class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice=""
|
||
|
|
data-id="5" data-value="Mark Williams" data-select-text="Press to select"
|
||
|
|
data-choice-selectable="">Mark Williams</div>
|
||
|
|
<div id="choices--choices-lead-input-item-choice-6"
|
||
|
|
class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice=""
|
||
|
|
data-id="6" data-value="Sylvia Wright" data-select-text="Press to select"
|
||
|
|
data-choice-selectable="">Sylvia Wright</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label class="form-label">Team Members</label>
|
||
|
|
<div class="avatar-group">
|
||
|
|
<a href="javascript: void(0);" class="avatar-group-item material-shadow" data-bs-toggle="tooltip"
|
||
|
|
data-bs-trigger="hover" data-bs-placement="top" aria-label="Brent Gonzalez"
|
||
|
|
data-bs-original-title="Brent Gonzalez">
|
||
|
|
<div class="avatar-xs">
|
||
|
|
<img src="assets/images/users/avatar-3.jpg" alt="" class="rounded-circle img-fluid">
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a href="javascript: void(0);" class="avatar-group-item material-shadow" data-bs-toggle="tooltip"
|
||
|
|
data-bs-trigger="hover" data-bs-placement="top" data-bs-original-title="Sylvia Wright">
|
||
|
|
<div class="avatar-xs">
|
||
|
|
<div class="avatar-title rounded-circle bg-secondary">
|
||
|
|
S
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a href="javascript: void(0);" class="avatar-group-item material-shadow" data-bs-toggle="tooltip"
|
||
|
|
data-bs-trigger="hover" data-bs-placement="top" aria-label="Ellen Smith"
|
||
|
|
data-bs-original-title="Ellen Smith">
|
||
|
|
<div class="avatar-xs">
|
||
|
|
<img src="assets/images/users/avatar-4.jpg" alt="" class="rounded-circle img-fluid">
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a href="javascript: void(0);" class="avatar-group-item material-shadow" data-bs-toggle="tooltip"
|
||
|
|
data-bs-trigger="hover" data-bs-placement="top" data-bs-original-title="Add Members">
|
||
|
|
<div class="avatar-xs" data-bs-toggle="modal" data-bs-target="#inviteMembersModal">
|
||
|
|
<div class="avatar-title fs-16 rounded-circle bg-light text-primary border border-dashed">
|
||
|
|
+
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end card body -->
|
||
|
|
</div>
|
||
|
|
<!-- end card -->
|
||
|
|
</div>
|
||
|
|
<!-- end col -->
|
||
|
|
</div>
|