@extends('layouts.main')
@section('title', 'Project Master')
@section('container')

<style>
    body {
        overflow-x: hidden;
    }

    .row.gy-4 .col-xxl-2.col-md-2 {
        padding: 0;
    }

    .table-responsive {
        overflow-x: auto;
        overflow-y: hidden;
    }

    #projects-tbl_wrapper {
        overflow-x: auto;
    }

    /* DataTables bootstrap row negative margins can cause page-level horizontal scroll */
    #projects-tbl_wrapper>.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #projects-tbl_wrapper>.row>[class*="col-"] {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .th {
        padding-right: 30px;
        border-left-width: 0;
        cursor: pointer;
        position: relative;
        padding: 1rem 0.9375rem;
        padding-right: 26px;
        padding-left: 0.9375rem !important;
        text-align: left;
        background-color: transparent;
    }

    .td {
        padding-right: 30px;
        border-left-width: 0;
        cursor: pointer;
        position: relative;
        padding: 1rem 0.9375rem;
        padding-right: 26px;
        padding-left: 0.9375rem !important;
        text-align: left;
        background-color: transparent;
    }
    .offcanvas
    {
        width: 50% !important;
    }
    .project-form-canvas {
        width: min(1320px, 100vw);
        border-left: 0;
        box-shadow: -16px 0 40px rgba(15, 23, 42, .16);
    }

    .project-form-canvas .offcanvas-header {
        background: linear-gradient(1deg, var(--secondary), var(--secondary));
        color: #fff;
        padding: 18px 22px;
    }

    .project-form-canvas .offcanvas-title {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        margin: 0;
    }

    .project-form-canvas .btn-close {
        filter: invert(1) grayscale(100%) brightness(200%);
        opacity: .9;
        color: #fff;
    }

    .project-form-canvas .offcanvas-body {
        background: #f6f8fb;
        padding: 18px;
    }

    .project-form-shell {
        background: #fff;
        border: 1px solid #e7ebf3;
        border-radius: 8px;
        padding: 18px;
        width: 100%;
    }

    .project-form-shell .row.gy-4 {
        --bs-gutter-x: 14px;
        --bs-gutter-y: 14px;
    }

    .project-form-shell .row.gy-4>[class*="col-"],
    .project-form-shell .row.gy-4>.form-group {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .project-form-shell .form-label,
    .project-form-shell label {
        color: #34405a;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .project-form-shell .form-control,
    .project-form-shell .select2-container .select2-selection--multiple {
        border-color: #dce3ee;
        border-radius: 8px;
        min-height: 40px;
    }

    .project-form-actions {
        background: #fff;
        border-top: 1px solid #e7ebf3;
        bottom: -18px;
        margin: 18px -18px -18px;
        padding: 14px 18px;
        position: sticky;
        z-index: 2;
    }

    .project-list-header {
        align-items: center;
        background: var(--secondary);
        display: flex;
        gap: 12px;
        justify-content: space-between;
    }

    .project-list-header .heading {
        color: #fff;
    }

    @media (min-width: 768px) {
        .project-form-shell .row.gy-4>[class*="col-"],
        .project-form-shell .row.gy-4>.form-group {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }

    @media (min-width: 1200px) {
        .project-form-shell .row.gy-4>[class*="col-"],
        .project-form-shell .row.gy-4>.form-group {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
    }
</style>

<div class="row">
    <div class="offcanvas offcanvas-end project-form-canvas" tabindex="-1" id="projectFormOffcanvas"
        aria-labelledby="projectFormOffcanvasLabel" style=" padding: 0px; ">
        <div class="offcanvas-header">
            <div>
                <h4 class="offcanvas-title" id="projectFormOffcanvasLabel">
                    {{ isset($project) ? 'Update Project' : 'Create Project' }}
                </h4>
                <div style="font-size:12px;opacity:.78;">Configure templates, reports, barcode and checklist settings</div>
            </div>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <div class="basic-form project-form-shell">
                    <form id="addUpdateproject" enctype="multipart/form-data">
                        @csrf
                        <div class="row gy-4">
                            <input type="hidden" name="project_id" value="{{ isset($project) ? $project->id : '' }}">
                            <div class="form-group col-md-2">
                                <label>Company Name :</label>
                                <select class="form-control" name="cname" id="companyid"
                                    aria-label="Default select example" required="">
                                    <option value="" selected>Select Company Name</option>
                                    @foreach ($company as $custval)
                                    <option value='{{ $custval->id }}'
                                        @if (isset($project) && $custval->id == $project->company_id) selected @endif>{{ $custval->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            @if (isset($project))
                            <div class="form-group col-md-2">
                                <label>Zone Name :</label>
                                <select class="form-control" name="zone" id="zoneID"
                                    aria-label="Default select example" required="">
                                    <option value="">Select Zone Name</option>
                                    @foreach ($zone as $custval)
                                    <option value='{{ $custval->id }}'
                                        @if (isset($project) && $custval->id == $project->zone_id) selected @endif>{{ $custval->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            @else
                            <div class="form-group col-md-2">
                                <label>Zone Name :</label>
                                <select class="form-control" name="zone" id="zoneID"
                                    aria-label="Default select example" required="">
                                    <option value="">Select Zone Name</option>
                                </select>
                            </div>
                            @endif
                            @if (isset($project))
                            <div class="form-group col-md-2">
                                <label>Unit Name :</label>
                                <select class="form-control" name="unit" id="unit_name_jss"
                                    onchange="getunitids()" aria-label="Default select example" required="">
                                    <option value="">Select Unit Name</option>
                                    @foreach ($unit as $custval)
                                    <option value='{{ $custval->id }}'
                                        @if (isset($project) && $custval->id == $project->unit_id) selected @endif>
                                        {{ $custval->unit_name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            @else
                            <div class="form-group col-md-2">
                                <label>Unit Name :</label>
                                <select class="form-control" name="unit" id="unit_id"
                                    aria-label="Default select example" required="">
                                    <option value="">Select Unit Name</option>
                                </select>
                            </div>
                            @endif
                            
                            <div class="col-3 col-md-2">
                                <div>
                                    <label class="form-label">Project Name :</label>
                                    <input type="text" class="form-control" id="name" onkeyup="nameenter();"
                                        name="name" value="{{ isset($project) ? $project->title : '' }}"
                                        placeholder="Enter Name" id="inputpan" required>
                                </div>
                                <span id="name" style="color:red;"></span>
                            </div>

                            <div class="col-3 col-md-2">
                                <label class="form-label">Select BookStock Template</label>
                                <select class="form-control" name="selected_template" id="selected_template"
                                    aria-label="Default select example" required="">
                                    <option value="">Select Template</option>
                                    <option value="1" @if (isset($project) && $project->template == '1') selected @endif>Yes
                                    </option>
                                    <option value="0" @if (isset($project) && $project->template == '0') selected @endif>No
                                    </option>
                                </select>
                            </div>

                            <div class="col-3 col-md-2" id="template"
                                style="{{ isset($project->selected_template) ? 'display:block' : 'display:none' }}">
                                <div>
                                    <label class="form-label">Templates</label>
                                    <select class="form-control" name="template" id="template">
                                        <option value="">Select Template</option>
                                        @foreach ($templates as $item)
                                        <option value='{{ $item->id }}'
                                            @if (isset($project) && $item->id == $project->template) selected @endif>{{ $item->name }}
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>


                            <div class="col-3 col-md-2" id="template-file"
                                style="{{ isset($project->template) ? 'display:none' : 'display:block' }}">
                                <div>
                                    <label class="form-label">Templates</label>
                                    <input type="file" name="file" id="">
                                </div>
                            </div>


                            <div class="col-3 col-md-2">
                                <label class="form-label">Select Report</label>
                                <select class="form-control" name="selected_Report" id="selected_Report"
                                    aria-label="Default select example">
                                    <option value="">Select Report</option>
                                    <option value="1" @if (isset($project) && $project->Report_type == '1') selected @endif>Yes
                                    </option>
                                    <option value="0" @if (isset($project) && $project->Report_type == '0') selected @endif>No
                                    </option>
                                </select>
                            </div>

                            <div class="col-3 col-md-2">
                                <label class="form-label">Compliant Report</label>
                                <select class="form-control" name="Compliant_status" id="Compliant_status"
                                    aria-label="Compliant report status">
                                    <option value="">Select Compliant Report</option>
                                    <option value="1" @if (isset($project) && $project->Compliant_status == '1') selected @endif>True</option>
                                    <option value="0" @if (isset($project) && $project->Compliant_status == '0') selected @endif>False</option>
                                </select>
                            </div>

                            <div class="col-3 col-md-2 compliant-config-field" id="Compliant_type_wrapper"
                                style="{{ isset($project) && $project->Compliant_status == '1' ? 'display:block' : 'display:none' }}">
                                <label class="form-label">Compliant Status</label>
                                <select class="form-control" name="Compliant_type" id="Compliant_type"
                                    aria-label="Compliant calculation type">
                                    <option value="">Select Compliant Status</option>
                                    <option value="percentage" @if (isset($project) && $project->Compliant_type == 'percentage') selected @endif>Percentage</option>
                                    <option value="item_number" @if (isset($project) && $project->Compliant_type == 'item_number') selected @endif>Item Number</option>
                                </select>
                            </div>

                            <div class="col-3 col-md-2 compliant-rule-field" id="Compliant_value_wrapper"
                                style="{{ isset($project) && $project->Compliant_status == '1' && !empty($project->Compliant_type) ? 'display:block' : 'display:none' }}">
                                <label class="form-label">Compliant Value</label>
                                <input type="number" class="form-control" name="Compliant_value" id="Compliant_value"
                                    min="0" step="any" placeholder="Enter value"
                                    value="{{ isset($project) ? $project->Compliant_value : '' }}">
                            </div>

                            <div class="col-3 col-md-2 compliant-rule-field" id="Compliant_absolute_wrapper"
                                style="{{ isset($project) && $project->Compliant_status == '1' && !empty($project->Compliant_type) ? 'display:block' : 'display:none' }}">
                                <label class="form-label">Difference to be Absolute</label>
                                <select class="form-control" name="Compliant_absolute" id="Compliant_absolute"
                                    aria-label="Difference to be Absolute">
                                    <option value="">Difference to be Absolute</option>
                                    <option value="1" @if (isset($project) && $project->Compliant_absolute == '1') selected @endif>Yes</option>
                                    <option value="0" @if (isset($project) && $project->Compliant_absolute == '0') selected @endif>No</option>
                                </select>
                            </div>
                        

                            <div class="col-3 col-md-3">
                                        <div style="display: flex; gap: 10px; justify-content: flex-start; align-items: center; margin: 0; padding: 0;">
                                            <div class="form-check custom-checkbox mb-3">
                                                <input type="checkbox" value="1"  name="samplestatus" class="form-check-input" id="samplestatus"
                                                    @if (isset($project) && $project->sample == '1') checked @endif>
                                                <label class="form-check-label" for="samplestatus"></label>
                                            </div>
                                            <label class="form-label">Sample Audit Status</label>
                                        </div>
                            </div>

                                    <div class="col-3 col-md-3" id="sampledata" style="{{ isset($project->sample) ? 'display:block' : 'display:none' }}">
                                        <div>
                                            <label class="form-label">Enter Sample Rate(%)</label>
                                            <input type="number" class="form-control" name="samplerate" placeholder="Ex 20"
                                                value="{{ isset($project) ? $project->sample_rate : '' }}" id="samplerate">
                                        </div>
                                    </div>

                            <div class="col-3 col-md-2">
                                <label class="form-label">Select Barcode</label>
                                <select class="form-control" name="selected_Barcode" id="selected_Barcode"
                                    aria-label="Default select example" >
                                    <option value="">Select Barcode</option>
                                    <option value="1" @if (isset($project) && $project->barcode == '1') selected @endif>Yes
                                    </option>
                                    <option value="0" @if (isset($project) && $project->barcode == '0') selected @endif>No
                                    </option>
                                </select>
                            </div>



                            <div class="col-3 col-md-2" id="shtb">
                                <label class="form-label">Select Barcode Type</label>
                                <select class="form-control" name="selected_Barcode_type" id="selected_Barcode_type"
                                    aria-label="Default select example" >
                                    <option value="">Select Barcode Type</option>
                                    <option value="Increment" @if (isset($project) && $project->barcode_type == 'Increment') selected @endif>
                                        Increment
                                    </option>
                                    <option value="manual" @if (isset($project) && $project->barcode_type == 'manual') selected @endif>Manual
                                    </option>
                                </select>
                            </div>

                            <div class="col-3 col-md-2" id="shtc">
                                <label class="form-label">Select Barcode Edit Mode</label>
                                <select class="form-control" name="selected_Barcode_edit" id="selected_Barcode_edit"
                                    aria-label="Default select example" >
                                    <option value="">Select Barcode Type</option>
                                    <option value="1" @if (isset($project) && $project->selected_Barcode_edit == '1') selected @endif>
                                        Yes
                                    </option>
                                    <option value="2" @if (isset($project) && $project->selected_Barcode_edit == '2') selected @endif>No
                                    </option>
                                </select>
                            </div>
             
                            <div class="col-md-2">
                                <div
                                    style="display: flex; gap: 10px; justify-content: flex-start; align-items: center; margin: 0; padding: 0;">
                                    <div class="form-check custom-checkbox mb-3">
                                        <label class="form-label">Select Mobile Template</label>
                                        <select class="form-control" name="mobile_templete" id="filds_templete">
                                            <option value="">Select Mobile Template</option>
                                            @foreach ($fileldtemplates as $item)
                                            <option value='{{ $item->id }}'>{{ $item->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-3 col-md-2">
                                <label class="form-label">INF BookStock</label>
                                <select class="form-control" name="inf_bookstock" id="inf_bookstock">
                                    <option value="">Select</option>
                                    <option value="1" @if (isset($project) && $project->inf_bookstock == '1') selected @endif>Yes</option>
                                    <option value="0" @if (isset($project) && $project->inf_bookstock == '0') selected @endif>No</option>
                                </select>
                            </div>

                            <div class="col-md-2" id="inf_templete_wrapper"
                                style="{{ isset($project) && $project->inf_bookstock == '1' ? 'display:block' : 'display:none' }}">
                                <label class="form-label">Select INF Template</label>
                                <select class="form-control" name="inf_templete" id="inf_templete">
                                    <option value="">Select INF Template</option>
                                    @foreach ($inftemplates as $item)
                                    <option value='{{ $item->id }}'
                                        @if (isset($project) && $project->inf_templete == $item->id) selected @endif>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-3 col-md-2" id="shtd">
                                <label class="form-label">BookStock Rules(EA Auto Submit)</label>
                                <select class="form-control" name="selected_autosubmit" id="selected_autosubmit"
                                    aria-label="Default select example" >
                                    <option value="">Select Barcode Type</option>
                                    <option value="1" @if (isset($project) && $project->selected_autosubmit == '1') selected @endif>
                                        Yes
                                    </option>
                                    <option value="2" @if (isset($project) && $project->selected_autosubmit == '2') selected @endif>No
                                    </option>
                                </select>
                            </div>

                           
                            
                            <div class="col-3 col-md-2 ">
                                <label class="form-label">Select Rack</label>
                                <select class="form-control" name="selected_rac_bar" id="selected_rac_bar"
                                    aria-label="Default select example" required="">
                                    <option value="">Select Rack</option>
                                    <option value="1">Yes
                                    </option>
                                    <option value="0">No
                                    </option>
                                </select>
                            </div>

                            <div class="col-3 col-md-2" id="rack_bar">
                                <label class="form-label">Select Rack type</label>
                                <select class="form-control" name="selected_rac_bar_type" id="selected_rac_bar_type"
                                    aria-label="Default select example">
                                    <option value="">Select Rack type</option>
                                    <option value="1" @if (isset($project) && $project->CheckList_type == '1') selected @endif>Barcode
                                    </option>
                                    <option value="0" @if (isset($project) && $project->CheckList_type == '0') selected @endif>manual
                                    </option>
                                </select>
                            </div>


                            <div class="col-3 col-md-2 ">
                                <label class="form-label">Select CheckList Status</label>
                                <select class="form-control" name="selected_CheckList" id="selected_CheckList"
                                    aria-label="Default select example" required="">
                                    <option value="">Select CheckList Status</option>
                                    <option value="1" @if (isset($project) && $project->CheckList_type == '1') selected @endif>Yes
                                    </option>
                                    <option value="0" @if (isset($project) && $project->CheckList_type == '0') selected @endif>No
                                    </option>
                                </select>
                            </div>
                            <div class="col-md-2" id="checklist_select">
                                <div
                                    style="display: flex; gap: 10px; justify-content: flex-start; align-items: center; margin: 0; padding: 0;">
                                    <div class="form-check custom-checkbox mb-3">
                                        <label class="form-label">CheckList Template</label>
                                        <select class="form-control" id="distibutor_template" name="distibutor_templete[]" multiple>
                                            @foreach ($fileldtemplatesdistibutor as $item)
                                            <option value='{{ $item->id }}'>{{ $item->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div
                                    style="display: flex; gap: 10px; justify-content: flex-start; align-items: center; margin: 0; padding: 0;">
                                    <div class="form-check custom-checkbox mb-3">
                                        <label class="form-label">Select Status</label>
                                        <select class="form-control" id="row_id" name="filds_status[]" multiple>
                                            <option value="1" selected>Project Submit</option>
                                            <option value="2">Variance Remarks</option>
                                            <option value="3">Documents</option>
                                            <option value="4">Compliance Report</option>
                                            <option value="5" selected>Close Audit</option>
                                        </select>
                                    </div>
                                </div>
                            </div>


                        </div>
                        <div class="row">
                            <div class="col-3 mt-3">
                                <div class="project-form-actions text-end">
                                    <!-- <button type="button" class="btn btn-light me-2" data-bs-dismiss="offcanvas">Cancel</button> -->
                                    @if (Auth::user()->hasActionAccess('project.manage'))
                                        <button type="submit" id="filesave"
                                            class="btn btn-primary btn-block">{{ isset($project) ? 'Update' : 'Submit' }}</button>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <!--end row-->

                    </form>
            </div>
        </div>
    </div>
    
    <div class="col-xl-12 col-lg-12">
        <div class="card">
            <div class="card-body p-0">
                <div class="table-responsive active-projects">
                    <div class="tbl-caption p-2 project-list-header">
                        <h4 class="heading mb-0">Project - List</h4>
                        @if (Auth::user()->hasActionAccess('project.manage'))
                            <button type="button" class="btn btn-primary btn-sm"
                                data-bs-toggle="offcanvas" data-bs-target="#projectFormOffcanvas"
                                aria-controls="projectFormOffcanvas">
                                <i class="fa fa-plus me-1"></i> {{ isset($project) ? 'Update Project' : 'Create Project' }}
                            </button>
                        @endif
                    </div>
                    <table id="projects-tbl" class="table">
                        <thead>
                            <tr>
                                <th class="sort">Sr No</th>
                                <th class="sort">Action</th>
                                <th class="sort">Status</th>
                                <th class="sort">Name</th>
                                <th class="sort">Company Name</th>
                                <th class="sort">Zone Name</th>
                                <th class="sort">Unit Name</th>
                                <th class="sort">Sample</th>
                                <th class="sort">Sample Rate</th>
                                <th class="sort">Barcode</th>
                                <th class="sort">Report</th>
                                <th class="sort">CheckList</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php
                            $i = 0;
                            @endphp
                            @foreach ($projectlist as $row)
                            @php
                            $compny = App\Models\Company::where('id', $row->company_id)->first();
                            @endphp
                            <tr>
                                <td>{{ ++$i }}</td>
                                <td>
                                    @if (Auth::user()->hasActionAccess('project.manage'))
                                        <div class="basic-dropdown">
                                            <div class="dropdown">
                                                <button type="button" class="btn btn-primary dropdown-toggle p-2" data-bs-toggle="dropdown">
                                                    <i class="fa fa-gear"></i>
                                                </button>
                                                <div class="dropdown-menu">
                                                    <a class="dropdown-item" target="_blank" href="{{ route('ProjectSettings') . '?id=' . $row->id }}"><i class="fa fa-gear"></i> Mobile Settings</a>
                                                    <a class="dropdown-item js-open-project" href="#" data-project-id="{{ $row->id }}"><i class="fa fa-mobile-phone"></i> Mobile Templete</a>
                                                    <a class="dropdown-item js-open-checklist-project" href="#" data-project-id="{{ $row->id }}"><i class="fa fa-industry"></i> CheckList Templete</a>
                                                    <a class="dropdown-item js-open-inf-project" href="#" data-project-id="{{ $row->id }}"><i class="fa fa-file-text"></i> INF Templete</a>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </td>
                                <td>
                                    @if (optional($row->company)->status == 1 && optional($row->zone)->status == 1 && optional($row->unit)->status == 1)
                                    @if ($row->status == 1)
                                    <div class="bootstrap-badge">
                                        <a href="javascript:void(0)"
                                            class="badge badge-rounded badge-success">Active</a>
                                    </div>
                                    @else
                                    <div class="bootstrap-badge">
                                        <a href="javascript:void(0)"
                                            class="badge badge-rounded badge-danger">Deactive</a>
                                    </div>
                                    @endif
                                    @else
                                    <div class="bootstrap-badge">
                                        <a href="javascript:void(0)" class="badge badge-rounded badge-danger">
                                            @if (optional($row->company)->status == 0)
                                            Company Disabled
                                            @elseif(optional($row->zone)->status == 0)
                                            Zone Disabled
                                            @elseif($row->unit->status == 0)
                                            Unit Disabled
                                            @endif
                                        </a>
                                    </div>
                                    @endif
                                </td>
                                <td>{{ $row->project_name }}</td>
                                <td>{{ $compny->name }}</td>
                                <td>{{ optional($row->zone)->name }}</td>
                                <td>{{ optional($row->unit)->name }}</td>
                                <td>{{ $row->Sample == '1' ? 'Yes' : 'No' }}</td>
                                <td>{{ $row->Sample_count ? $row->Sample_count : '0' }}</td>
                                <td>{{ $row->barcode == '1' ? 'Yes' : 'No' }}</td>
                                <td>{{ $row->Report_type == '1' ? 'Yes' : 'No' }}</td>
                                <td>{{ $row->CheckList_type == '1' ? 'Yes' : 'No' }}</td>
                            </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@foreach ($projectlist as $item)
<div class="modal fade" id="deleteProject{{ $item->id }}">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background:var(--secondary) ;">
                <h5 class="modal-title">Delete Project</h5>
                <button type="button" class="btn-close btn-close-it" data-bs-dismiss="modal">
                </button>
            </div>
            <center class="mt-2">
                <input type="hidden" name="proid" id="proid">
                <i class="ri-alert-fill" style="font-size:70px;color: #f06548;"></i>
                <h4>Are you sure?</h4>
                <p>Do you really want to delete these record? </p>
            </center>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-danger deletedcompany"
                    data-id="{{ $item->id }}">Delete</button>
            </div>
        </div>
    </div>
</div>
@endforeach

<div class="modal fade" id="Projectmobilesetting">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background:var(--secondary) ;">
                <h5 class="modal-title">Mobile Templete List</h5>
                <button type="button" class="btn-close btn-close-it" data-bs-dismiss="modal">
                </button>
            </div>
            <div class="modal-body">
                <div id="projectlist"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<script nonce="{{ $cspNonce }}" src="{{ asset('public/js/jquery-3.6.0.min.js') }}"></script>
<script nonce="{{ $cspNonce }}" src="{{ url('js/Project.js') }}"></script>
<script nonce="{{ $cspNonce }}">
    window.otherProjectRoutes = {
        openProject: @json(route('openproject', [], false)),
        openDistributorProject: @json(route('opendistibutorproject', [], false)),
        openINFProject: @json(route('openinfproject', [], false)),
        mobileTemplateEdit: @json(url('mobiletempleteedit/__ID__')),
        distributorTemplateEdit: @json(url('distibutortempleteedit/__ID__')),
        infTemplateEdit: @json(url('inftempleteedit/__ID__'))
    };
</script>
<script nonce="{{ $cspNonce }}" src="{{ url('js/otherProject.js') }}"></script>
@if (isset($project))
<script nonce="{{ $cspNonce }}">
    document.addEventListener('DOMContentLoaded', function () {
        var canvas = document.getElementById('projectFormOffcanvas');
        if (canvas && window.bootstrap && bootstrap.Offcanvas) {
            bootstrap.Offcanvas.getOrCreateInstance(canvas).show();
        }
    });
</script>
@endif

@endsection