File: /var/www/html/owlcrm/resources/views/users/project/show.blade.php
@extends('adminlte::page')
@section('title', 'OWL CRM Dashboard')
@section('content_header')
<h1>Project</h1>
@stop
@section('content')
@if (session('error'))
<h6 class="alert alert-danger">
{{ session('error') }}
</h6>
@endif
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
{{-- <p>Welcome to the OWL CRM admin panel.</p> --}}
<div class="row justify-content-between mb-5">
<div class="col-auto">
<a href="{{ route('project.index') }}" class="btn btn-secondary">
<i class="fas fa-arrow-left"></i> Back to Projects
</a>
</div>
<div class="col-auto">
{{-- <a href="{{ route('project.update', $project->id) }}" class="btn btn-primary">
<i class="fas fas fa-save"></i> Save Project
</a> --}}
</div>
<div class="col-auto">
<a href="{{ route('project.edit', $project->id) }}" class="btn btn-primary">
<i class="fas fa-pencil-alt"></i> Edit Project
</a>
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#delete">
<i class="fa fa-trash-alt"></i> Delete Project
</button>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6">
<div class="card card-dark">
<div class="card-header">
<h3 class="card-title">Project Information</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
{{-- <button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button> --}}
</div>
</div>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item"><b>Company:</b>
{{ isset($project->its_company) ? $project->its_company->name : '' }}</li>
<li class="list-group-item"><b>Title:</b> {{ $project->title }}</li>
<li class="list-group-item"><b>Description:</b> {{ $project->description }}</li>
<li class="list-group-item"><b>Nature:</b> {{ $project->nature }}</li>
<li class="list-group-item"><b>Start Date:</b>
{{ formatDate($project->start_date, 'Y/m/d H:i:s') }}</li>
<li class="list-group-item"><b>User:</b>
{{ isset($user_project->get_user) ? $user_project->get_user->first_name : 'n/a' }}</li>
<li class="list-group-item"><b>Amenity:</b>
{{ isset($project_amenities->amenity) ? $project_amenities->amenity->title : 'n/a' }}
</li>
<li class="list-group-item"> <b>
Address:</b>
{{ $project->address_line_1 }},{{ $project->address_line_2 }},{{ $project->its_city->name }},{{ $project->its_states->name }},{{ $project->its_country->name }},{{ $project->postal_code }}
</li>
<li class="list-group-item"><b>Status:</b>
{{ isset($project->status) ? ($project->status == 1 ? 'Active' : 'Inactive') : 'Unknown' }}
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="card card-dark">
<div class="card-header">
<h3 class="card-title">Notes</h3>
<div class="card-tools">
<button type="button" class="btn btn btn-dark" data-toggle="modal"
data-target="#add_note{{ $project->id }}">
<i class="fas fa-plus"></i>
Add Note
</button>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<!-- Add Note Modal -->
<div class="modal fade" id="add_note{{ $project->id }}" tabindex="-1" role="dialog"
aria-labelledby="addNoteModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="addNoteModalLabel">Add Note</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form method="POST" action="{{ route('addProjectNotes', $project->id) }}"
class="jqueryValidation">
<!-- CSRF Token -->
@csrf
<div class="modal-body">
<div class="form-group">
<label for="notes">Notes</label>
<textarea class="form-control" id="notes" name="notes" rows="4" placeholder="Enter Note" required></textarea>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-danger" id="add_btn"
data-id="' . $project->id . '">
Save</button>
<button type="button" class="btn btn-secondary"
data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>
<!--End Add Note Modal -->
</div>
</div>
<div class="card-body">
@if (session('success-projectnote'))
<h6 class="alert alert-success">
{{ session('success-projectnote') }}
</h6>
@endif
@if (session('error-projectnote'))
<h6 class="alert alert-danger">
{{ session('error-projectnote') }}
</h6>
@endif
<table class="table table-bordered addprojectNotes-datatable">
<thead>
<tr>
<th>Project Id</th>
<th>Notes</th>
<th>Created By</th>
<th>Date</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="card-body">
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">{{ $project->name }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>This will delete this project permanently</p>
<p>Are you sure?</p>
</div>
<div class="modal-footer">
<form method="POST" action="{{ route('project.destroy', $project->id) }}">
<!-- CSRF Token -->
@csrf
<!-- Hidden input to simulate DELETE method -->
<input type="hidden" name="_method" value="DELETE">
<button type="submit" class="btn btn-danger" id="delete_btn" data-id="' . $row->id . '">Yes,
Delete</button>
</form>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@stop
@section('css')
{{-- Add here extra stylesheets --}}
{{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop
@section('js')
<script>
console.log("Hi, I'm using the Laravel-AdminLTE package!");
</script>
@stop
@push('js')
<script type="text/javascript">
$(function() {
var csrfToken = $('meta[name="csrf-token"]').attr('content');
var dataTable = $('.addprojectNotes-datatable').DataTable({
processing: true,
serverSide: true,
pageLength: 3,
searching: false,
order: [
[0, 'asec']
],
'ajax': {
'url': "{{ route('projectNotes.index') }}",
type: "POST",
headers: {
'X-CSRF-TOKEN': csrfToken // Include CSRF token in headers
},
data: {
project_id: "{{ $project->id }}",
},
},
columns: [
{
data: 'project_id',
name: 'Project Id'
},
{
data: 'notes',
name: 'Notes'
},
{
data: 'created_by',
name: 'Created By'
},
{
data: 'date',
name: 'Date'
},
{
data: 'action',
name: 'Actions',
},
]
});
});
</script>
@endpush