@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                Project Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Project Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>
            
            @include('layouts.tenants.project-header-menu')
            
        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Projects</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a class="text-primary" href="{{ route('project.lists') }}">Projects</a></li>
                            <li><a href="javascript:;">Project Detail</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="header-status">
                        <h5>Status <span class="badge @if($project->project_status == 1) badge-success @else badge-warning @endif ms-2">@if($project->project_status == 1) Published @else Draft @endif</span></h5>
                        @if(Auth::user()->hasPermission('projects','edit'))
                        <a href="javascript:;" class="btn btn-primary-outline" id="edit_project">Edit <i class="fe fe-edit ms-2"></i></a>
                        @endif
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <div class="card-body-header">
                                <h5>{{ $project->project_name }}</h5>
                                <a href="javascript:;" class="btn btn-primary-light" data-bs-toggle="dropdown"><i class="fe fe-more-horizontal"></i></a>
                                <div class="dropdown-menu ">
                                    @if($project->project_status == 1)
                                    <a class="dropdown-item" href="{{ route('project.changestatus', ['id' => $project->id]) }}"><i class="fe fe-bookmark me-2"></i>Draft</a>
                                    @else
                                    <a class="dropdown-item" href="{{ route('project.changestatus', ['id' => $project->id]) }}"><i class="fe fe-edit me-2"></i> Publish</a>
                                    @endif
                                    <a class="dropdown-item project_clone" data-id="{{ $project->id }}" href="javascript:;"><i class="fe fe-copy me-2"></i>Clone</a>
                                    @if(Auth::user()->hasPermission('projects','delete'))
                                    <a class="dropdown-item" href="{{ route('project.delete', ['id' => $project->id]) }}"><i class="fe fe-trash me-2"></i>Delete</a>
                                    @endif
                                </div>
                            </div>
                            <div class="card-body-content">
                                <p>{{ $project->description }}</p>
                            </div>
                            <div class="project-details">
                                <ul>
                                    <li>
                                        <h5>Project ID</h5>
                                        <h6>{{ $project->project_id }}</h6>
                                    </li>
                                    <li>
                                        <h5>Project Type</h5>
                                        <h6><span class="badge badge-warning-light">{{ $project->projectType->type }}</span></h6>
                                    </li>
                                    <li>
                                        <h5>Project Initiation Date</h5>
                                        <h6>{{ ConverDate1($project->initiation_date) }}</h6>
                                    </li>
                                    <li>
                                        <h6 class="table-avatar">
                                            <a href="javascript:;" class="avatar"><img src="{{  url('assets/img/user-img.svg') }}" alt="User Image"></a>
                                            <a href="javascript:;">{{ $project->client->client_id }}<span class="d-block">{{ $project->client->client_name }}</span></a>
                                        </h6>
                                    </li>
                                    <li>
                                        <h5>Project Sponsor</h5>
                                        <h6>{{ $project->ownar->first_name.' '.$project->ownar->last_name }}</h6>
                                    </li>
                                    <li>
                                        <h5>Planned Start Date</h5>
                                        <h6>{{ ConverDate1($project->start_date) }}</h6>
                                    </li>
                                    <li>
                                        <h5>Planned End Date</h5>
                                        <h6>{{ ConverDate1($project->end_date) }}</h6>
                                    </li>
                                    <li>
                                        <h5>Created By</h5>
                                        <h4>@if(auth()->user()->id == $project->created_by) SELF @else {{ $project->user->first_name.' '.$project->user->last_name }} @endif</h4>
                                    </li>
                                    <li>
                                        <h5>Organization</h5>
                                        <h4>{{ $project->organization->org_name }}</h4>
                                    </li>
                                    <li>
                                        <h5>Project Approver</h5>
                                        <h6>{{ $project->approvar->first_name.' '.$project->approvar->last_name }}</h6>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="head-client">Client Details</h3>
                            <div class="client-details">
                                <ul>
                                    <li>
                                        <h5>Client</h5>
                                        <h4>{{ $project->client->client_name }} ({{ $project->client->client_id }})</h4>
                                    </li>
                                    <li>
                                        <h5>Client Contact Name</h5>
                                        <h6>{{ $project->client->point_contact }}</h6>
                                    </li>
                                    <li>
                                        <h5>Email Address</h5>
                                        <h6>{{ $project->client->email }}</h6>
                                    </li>
                                    <li>
                                        <h5>Phone Number</h5>
                                        <h6>{{ $project->client->mobile_no }}</h6>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="head-client">Organization Details</h3>
                            <div class="client-details">
                                <ul>
                                    <li>
                                        <h5>Organization Name</h5>
                                        <h4>{{ $project->organization->org_name}}</h4>
                                    </li>
                                    <li>
                                        <h5>Branch</h5>
                                        <h6>{{ $project->organization->location_city}}</h6>
                                    </li>
                                    <li>
                                        <h5>Location</h5>
                                        @php
                                            $address = [];
                                            $display_address = '';
                                            if($project->organization->location_address) {
                                                array_push($address, $project->organization->location_address);
                                            }
                                            if($project->organization->location_address2) {
                                                array_push($address, $project->organization->location_address2);
                                            }
                                            if($project->organization->location_city) {
                                                array_push($address, $project->organization->location_city);
                                            }
                                            if($project->organization->location_state) {
                                                array_push($address, $project->organization->location_state);
                                            }
                                            if($project->organization->location_country) {
                                                array_push($address, $project->organization->location_country);
                                            }
                                            $display_address = implode(', ', $address);
                                            if($project->organization->location_pincode) {
                                                $display_address .= ' - '. $project->organization->location_pincode;
                                            }
                                        @endphp
                                        <h6>{{ $display_address }}</h6>
                                    </li>
                                    <li>
                                        <h5>Business Unit</h5>
                                        <h6>{{ $organization->count() }}</h6>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="flex-title">
                                <h3 class="p-0 m-0">Workflow & Approval</h3>
                                @if($project->approver == auth()->user()->id)
                                <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#status_project_modal" class="btn btn-primary-outline">Update <i class="fe fe-edit ms-2"></i></a>
                                @endif
                            </div>
                            <div class="client-details">
                                <ul>
                                    <li>
                                        <h5>Name</h5>
                                        <h6>{{ $project->client->client_name }}</h6>
                                    </li>
                                    <li>
                                        <h5>Procedures owner</h5>
                                        <h6>{{ $project->ownar->first_name.' '.$project->ownar->last_name }}</h6>
                                    </li>
                                    <li>
                                        <h5>Assign to</h5>
                                        <h6>{{ $project->client->client_name }}</h6>
                                    </li>
                                    <li>
                                        <h5>Approval by</h5>
                                        <h6>{{ $project->approvar->first_name.' '.$project->approvar->last_name }}</h6>
                                    </li>
                                    <li>
                                        <h5>Comments before approval</h5>
                                        <h6>{{ $project->comments }}</h6>
                                    </li>
                                    <li>
                                        <h5>Approval status</h5>
                                        <span class="badge @if($project->approval_status == 1) badge-success-light @elseif($project->approval_status == 2) badge-danger @else badge-warning-light @endif"><i class="fe fe-check me-2"></i>@if($project->approval_status == 1) Approved @elseif($project->approval_status == 2) Rejected @else Pending @endif</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12 d-flex">
                    <div class="card w-100">
                        <div class="card-body">
                            <h3 class="head-client">Documents</h3>
                            <div class="client-documents">
                                <div class="client-file">
                                    <input type="hidden" name="project_data_id" id="project_data_id" value="{{ $project->id }}">
                                    <input type="file" id="project_file">
                                    <h6>Drag or Drop File here...</h6>
                                </div>
                                <div class="client-overflow">
                                    @foreach($project->files as $file)
                                    <div class="client-file-div" id="file_remove_{{ $file->id }}">
                                        <div class="client-file-name">
                                            @php
                                                $path = storageUrl('project_files',$file->file_name);
                                            @endphp
                                            <a href="{{ $path }}" target="_blank">
                                                <i class="fe fe-file-text me-2"></i>
                                                {{ $file->file_name }}
                                            </a>
                                        </div>
                                        <div class="client-file-action">
                                            <a href="javascript:;" data-id="{{ $file->id }}" class="file_delete"><i class="fe fe-trash-2"></i></a>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('customModal')
    <!-- Edit Project -->
    <div class="modal fade modal-customization" id="add_project_modal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Edit Project</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fe fe-x"></i>
                    </button>
                </div>
                <form id="add_project_form">
                    <input type="hidden" name="project_id" value="{{ $project->id }}">
                    <input type="hidden" name="page" value="project_detail" id="page">
                    @csrf
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-12">
                                <div class="project-id">
                                    <h6>Project ID <span>{{ $project->project_id }}</span></h6>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label class="form-label">Project Name <span class="manitory">*</span></label>
                                    <input type="text" name="project_name" value="{{ $project->project_name }}" class="form-control" placeholder="Data Analyst" readonly>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3 readonly-blk" id="client_id_div">
                                    <label class="form-label">Client Name <span class="manitory">*</span></label>
                                    <select class="select" name="client_id" readonly>
                                        @foreach($clients as $row)
                                            <option value="{{ $row->id }}" @if($row->id == $project->client_id) selected @endif>{{ $row->client_name }} ({{ $row->client_id }})</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3" id="project_type_id_div">
                                    <label class="form-label">Project Type <span class="manitory">*</span></label>
                                    <select class="select" name="project_type_id">
                                        @foreach($projectType as $row)
                                            <option value="{{ $row->id }}" @if($row->id == $project->project_type) selected @endif>{{ $row->type }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3" id="organization_id_div">
                                    <label class="form-label">Organization <span class="manitory">*</span></label>
                                    <select class="select" name="organization_id">
                                        @foreach($organization as $row)
                                            <option value="{{ $row->id }}" @if($row->id == $project->organization_id) selected @endif>{{ $admin->first_name.' '.$admin->last_name }} {{ $row->location_id }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label class="form-label">Project Description <span class="manitory">*</span></label>
                                    <textarea class="form-control" name="project_description" placeholder="Project detailed content goes here...">{{ $project->description }}</textarea>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12">
                                <div class="mb-3 readonly-blk" id="created_by_div">
                                    <label class="form-label">Created by <span class="manitory">*</span></label>
                                    <select class="select" name="created_by" readonly>
                                        @foreach($users as $row)
                                            <option value="{{ $row->id }}" @if($row->id == $project->created_by) selected @endif>{{ $row->first_name.' '.$row->last_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12">
                                <div class="mb-3" id="owner_div">
                                    <label class="form-label">Project Owner <span class="manitory">*</span></label>
                                    <select class="select" name="owner">
                                        @foreach($owner as $row)
                                            <option value="{{ $row->id }}" @if($row->id == $project->owner) selected @endif>{{ $row->first_name.' '.$row->last_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12">
                                <div class="mb-3" id="approver_div">
                                    <label class="form-label">Approver <span class="manitory">*</span></label>
                                    <select class="select" name="approver">
                                        @foreach($approver as $row)
                                            <option value="{{ $row->id }}" @if($row->id == $project->approver) selected @endif>{{ $row->first_name.' '.$row->last_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12 ">
                                <div class="mb-3">
                                    <label class="form-label">Project Initiation Date <span class="manitory">*</span></label>
                                    <div class="cal-icon">
                                        <input type="text" name="initiation_date" class="form-control" placeholder="{{ \Carbon\Carbon::parse($project->initiation_date)->format(config('custom.date_placeholder_format')) }}" value="{{ \Carbon\Carbon::parse($project->initiation_date)->format(config('custom.date_input_field_format')) }}" readonly>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12 ">
                                <div class="mb-3">
                                    <label class="form-label">Start Date <span class="manitory">*</span></label>
                                    <div class="cal-icon">
                                        <input type="text" name="start_date" value="{{ \Carbon\Carbon::parse($project->start_date)->format(config('custom.date_input_field_format')) }}" class="form-control" placeholder="{{ \Carbon\Carbon::parse($project->start_date)->format(config('custom.date_placeholder_format')) }}" readonly>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12 ">
                                <div class="mb-3">
                                    <label class="form-label">End Date <span class="manitory">*</span></label>
                                    <div class="cal-icon">
                                        <input type="text" name="end_date" class="form-control datepicker" placeholder="{{ \Carbon\Carbon::parse($project->end_date)->format(config('custom.date_placeholder_format')) }}" value="{{ \Carbon\Carbon::parse($project->end_date)->format(config('custom.date_input_field_format')) }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Update</button>
                        <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /Edit Project -->

    <!--  Status Update Model -->
    <div class="modal fade" id="status_project_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" >Update Status</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
              </button>
            </div>
            <form>
                <div class="modal-body">
                    <input type="hidden" name="project_id" id="status_project_id" value="{{ $project->id }}">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-set select2-fix" id="approval_status_div">
                                <label class="form-label">Approval Status <span class="manitory">*</span></label>
                                <select class="select" name="status" id="project_status_change">
                                    <option value="">Select Status</option>
                                    <option value="1" @if($project->approval_status == 1) selected @endif>Approved</option>
                                    <option value="2" @if($project->approval_status == 2) selected @endif>Rejected</option>
                               </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-set">
                                <label class="form-label">Comments <span class="manitory">*</span></label>
                                <textarea name="comments" class="form-control" id="comments" placeholder="Please give a short description that should not be more than 255 characters.">{{ $project->comments }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" id="project_status_update_btn">Update</button>
                  <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
                </div>
            </form>
          </div>
        </div>
    </div>
    <!--  /Status Update Model -->
@endsection