CasperSecurity
<div class="row">
<div class="card z-auto p-[25px]" style="min-height: 690px;">
<div class="card-header">
<div class="flex justify-between items-center mb-2">
<h1 class="heading text-[1.8rem] font-medium uppercase">{{$page_names}}</h1>
<div class="flex items-center">
<a class="btn btn-primary duration-500 hover:bg-hover-primary py-[5px] px-3 text-[13px] rounded text-white bg-primary leading-[20px] inline-block border border-primary ml-2 cursor-pointer"
wire:click="workorder_details">
<span class="px-1">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.1221 15.4361L12.1221 3.39508" stroke="var(--white)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.0381 12.5084L12.1221 15.4364L9.20609 12.5084" stroke="var(--white)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.7551 8.12799H17.6881C19.7231 8.12799 21.3721 9.77699 21.3721 11.813V16.697C21.3721 18.727 19.7271 20.372 17.6971 20.372L6.55707 20.372C4.52207 20.372 2.87207 18.722 2.87207 16.687V11.802C2.87207 9.77299 4.51807 8.12799 6.54707 8.12799L7.48907 8.12799" stroke="var(--white)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>Download Work Orders</a>
<a class="btn btn-primary duration-500 hover:bg-hover-primary py-[5px] px-3 text-[13px] rounded text-white bg-primary leading-[18px] inline-block border border-primary ml-2 offcanvas-toggle cursor-pointer"
wire:click="showmodalclick">+ Add New {{$page_name}}</a>
</div>
</div>
</div>
<div class="card-body">
<div class="p-[1.563rem]">
<div class="flex justify-between">
<div class="w-1/4 px-0 py-2">
<input wire:model="search" type="text"
class="form-control relative text-[13px] text-dark h-[2.813rem] border border-dark block rounded-md py-1.5 px-3 duration-500 dark:hover:border-b-color outline-none w-full"
id="search" placeholder="Search ..." autocomplete="off"/>
</div>
<div class="w-1/3 px-1">
<div class="row flex justify-between">
<div class="w-1/3 px-2 py-2 justify-end">
<select name="orderBy" wire:model="orderBy"
class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-dark text-dark h-[2.813rem] leading-[1.813rem]">
<option value="id">ID</option>
<option value="work_order_no">Client Name</option>
</select>
</div>
<div class="w-1/3 px-2 py-2 justify-end">
<select name="orderAsc" wire:model="orderAsc"
class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-dark text-dark h-[2.813rem] leading-[1.813rem]">
<option value="1">Ascending</option>
<option value="0">Descending</option>
</select>
</div>
<div class="w-1/3 px-2 py-2 justify-end">
<select name="perPage" wire:model="perPage"
class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-dark text-dark h-[2.813rem] leading-[1.813rem]">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="500">500</option>
</select>
</div>
</div>
</div>
</div>
<div class="overflow-x-auto table-scroll">
<table id="dept_datatable" class="display table w-full">
<thead>
<tr class="bg-transparent">
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">
Action
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">
Status
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-left">
Work Order No
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-left">
Client Name
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">
Tender Name
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">
Work Order date
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">
Closing date
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-cent er">
Renewal Required
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-cent er">
Billing Cycle
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-cent er">
Work Order Doc
</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-cent er">
Created At
</th>
</tr>
</thead>
<tbody>
@if(sizeof($work_orders)>0)
@foreach($work_orders as $work)
<tr class="bg-transparent">
<td class="bg-transparent border-2 border-solid border-[#E6E6E6] dark:border-[#444444] py-2 px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-center">
<div class="flex justify-center">
<a href="javascript:void(0);"
class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary duration-300 mr-1 offcanvas-toggle"
wire:click="updateclick({{$work->id}})"><i
class="fas fa-pencil-alt text-[0.875em]"></i></a>
<a href="javascript:void(0);"
class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300"
wire:click="deleteclick({{$work->id}})"><i
class="fa fa-trash text-[0.875em]"></i></a>
</div>
</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">
@if($work->status == '1')
<span
class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-success bg-success-light">Active</span>
@else
<span
class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-d-light-2">Inactive</span>
@endif
</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">{{$work->work_order_no}}</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">{{$work->getClient->client_name}}</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">{{$work->getCreateTender->tender_no}}</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">{{$work->work_order_date}}</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">{{$work->work_order_closing_date}}</td>
@if($work->renewal_required==1)
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">Yes</td>
@else
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">No</td>
@endif
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">{{$work->billing_cycle}}</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-left">
<a href="{{Illuminate\Support\Facades\Storage::url($work->wo_copy_path)}}" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.7161 16.2234H8.49609" stroke="var(--primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.7161 12.0369H8.49609" stroke="var(--primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.2511 7.86011H8.49609" stroke="var(--primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9085 2.74982C15.9085 2.74982 8.23149 2.75382 8.21949 2.75382C5.45949 2.77082 3.75049 4.58682 3.75049 7.35682V16.5528C3.75049 19.3368 5.47249 21.1598 8.25649 21.1598C8.25649 21.1598 15.9325 21.1568 15.9455 21.1568C18.7055 21.1398 20.4155 19.3228 20.4155 16.5528V7.35682C20.4155 4.57282 18.6925 2.74982 15.9085 2.74982Z" stroke="var(--primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">{{\Carbon\Carbon::parse($work->created_at)->format('d-m-Y H:i A')}}</td>
</tr>
@endforeach
@else
<tr class="bg-transparent">
<td colspan="11"
class="text-danger border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap xl:text-[15px] text-[15px] font-bold text-center">
No Data Available
</td>
</tr>
@endif
</tbody>
</table>
</div>
<div class="w-full" wire:ignore.self>
{{$work_orders->links('livewire.pagination-livewire')}}
</div>
</div>
</div>
@if(!$showmodal)
<div wire:ignore.self>
<x-notify::notify/>
</div>
@endif
</div>
<div wire:ignore.self>
<div
class="fixed top-0 right-0 flex flex-col xl:w-full md:w-[500px] w-[350px] h-[100vh] z-[1045] bg-white dark:bg-[#1E1E1E] text-body-color duration-500 ease-in-out offcanvas @if($showmodal) @else is-closed @endif"
id="offcanvasExample">
<div class="ml-4 flex items-center justify-between p-4">
@if($modelid)
<h5 class="modal-title" id="#gridSystemModal">Update {{$page_name}}</h5>
@else
<h5 class="modal-title" id="#gridSystemModal">Add New {{$page_name}}</h5>
@endif
<button type="button"
class="offcanvas-close h-6 w-6 box-content bg-danger-light rounded-md text-lg mr-4 p-2 opacity-50 hover:opacity-100 text-red"
wire:click="closemodalclick">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="p-4 overflow-y-auto overflow-x-hidden dz-scroll">
<div class="container-fluid px-[15px] py-0">
<div>
<div class="row">
<div class=" row w-1/3">
<div class="xl:w-full mb-4">
<label for="exampleFormControlInputfirst" class="form-label">Work Order No<span
class="text-danger">*</span></label>
<input type="text" name="work_order_no" wire:model.defer="work_order_no"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
id="exampleFormControlInputfirst" placeholder="Enter Work Order No.">
@error('work_order_no') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-full mb-4">
<label for="exampleFormControlInputfirst" class="form-label">Work Order Date<span
class="text-danger">*</span></label>
<input type="date" name="work_order_date" wire:model.defer="work_order_date"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
id="exampleFormControlInputfirst" placeholder="Enter Category Name">
@error('work_order_date') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/2 mb-4">
<label for="exampleFormControlInputfirst" class="form-label">Tender No.<span
class="text-danger">*</span></label>
<select name="tender_id" wire:model="tender_id"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Choose Tender</option>
@foreach($tenders as $tender)
<option value="{{$tender->id}}">{{$tender->tender_no}}</option>
@endforeach
</select>
@error('tender_id') <span
class="error text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/2 mb-4">
<label for="exampleFormControlInputfirst" class="form-label">Client Name<span
class="text-danger">*</span></label>
<select name="client_id" wire:model="client_id"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Choose Client</option>
@foreach($clients as $client)
<option value="{{$client->id}}">{{$client->client_name}}</option>
@endforeach
</select>
@error('client_id') <span
class="error text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-full mb-4">
<label for="exampleFormControlInputfirst" class="form-label">Work Order Closing Date<span
class="text-danger">*</span></label>
<input type="date" name="work_order_closing_date"
wire:model.defer="work_order_closing_date"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
id="exampleFormControlInputfirst" placeholder="Enter Category Name">
@error('work_order_closing_date') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/2 mb-4">
<label for="exampleFormControlInputfirst" class="form-label">Renewal Required?<span
class="text-danger">*</span></label>
<select name="renewal_required" wire:model="renewal_required"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Select</option>
<option value="1">Yes</option>
<option value="0">No</option>
</select>
@error('renewal_required') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/2 mb-4">
<label for="exampleFormControlInputfirst" class="form-label">Billing Cycle<span
class="text-danger">*</span></label>
<select name="billing_cycle" wire:model="billing_cycle"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Select</option>
<option value="MONTHLY">Monthly</option>
<option value="FORTNIGHT">Fortnight</option>
<option value="WEEKLY">Weekly</option>
</select>
@error('billing_cycle') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4">
<label for="formFile" class="form-label text-body-color dark:text-white">Upload
Document<span
class="text-danger">*</span></label>
{{-- <input name="wo_copy_path" wire:model="wo_copy_path"
class="relative text-[13px] h-[2.813rem] dark:file:bg-[#1E1E1E] file:h-[2.813rem] file:outline-none file:text-body-color file:py-[0.175rem] file:pl-2.5 file:pr-3 file:bg-[#f8f9fa] border border-b-color file:border-b-color block rounded-md text-body-color duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
type="file" id="formFile">--}}
<x-forms.filepond
wire:model="wo_copy_path"
allowImagePreview
imagePreviewMaxHeight="200"
allowFileTypeValidation
acceptedFileTypes="['image/png', 'image/jpg', 'image/jpeg','application/pdf','application/doc']"
allowFileSizeValidation
maxFileSize="4mb"
/>
@error('wo_copy_path') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
@if($modelid)
<div class="xl:w-full mb-4">
<label for="status" class="form-label">Status<span
class="text-danger">*</span></label>
<select name="orderAsc" wire:model="status"
class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="1">Active</option>
<option value="0">Inactive</option>
</select>
@error('status') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
@endif
</div>
<div class="w-2/3 p-4">
<div class="row" style="border: #ccc solid thin; border-radius: 10px; padding: 10px;">
<h4 style="font-size: 20px;">Billing Details</h4>
<hr/>
<br/>
@for($i=0; $i <= $itemCount; $i++)
<div class="row" wire:key="key-{{$i}}">
<div class="xl:w-2/6 mb-4">
<label for="itemName.{{$i}}" class="form-label">Item
Name<span
class="text-danger">*</span></label>
<input type="text" name="itemName.{{$i}}"
wire:model.defer="itemName.{{$i}}"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
id="itemName.{{$i}}" placeholder="Item Name">
@error("itemName.$i") <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/6 mb-4">
<label for="itemQuantity.{{$i}}" class="form-label">Item
Quantity<span
class="text-danger">*</span></label>
<input type="text" name="itemQuantity.{{$i}}"
wire:model.defer="itemQuantity.{{$i}}"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
onkeypress="return onlyNumberKey(event)"
id="itemQuantity.{{$i}}" placeholder="E.g. 0">
@error("itemQuantity.$i") <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/6 mb-4">
<label for="itemRate.{{$i}}" class="form-label">Item
Rate<span
class="text-danger">*</span></label>
<input type="text" name="itemRate.{{$i}}"
wire:model.defer="itemRate.{{$i}}"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
onkeypress="return onlyNumberKey(event)"
id="itemRate.{{$i}}" placeholder="E.g. 00.00">
@error("itemRate.$i") <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/6 mb-4">
<label for="itemTax.{{$i}}" class="form-label">Item
Tax<span
class="text-danger">*</span></label>
<input type="text" name="itemTax.{{$i}}"
wire:model.defer="itemTax.{{$i}}"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
onkeypress="return onlyNumberKey(event)"
id="itemTax.{{$i}}" placeholder="E.g. 00.00">
@error("itemTax.$i") <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/6 flex justify-end align-self-center"
style="align-self: center;">
@if($i!=0)
<a style="height: 30px"
class="btn btn-danger duration-500 hover:bg-hover-danger py-[5px] px-3 text-[13px] rounded text-white bg-danger leading-[18px] inline-block border border-danger ml-2 cursor-pointer"
wire:click="removeItem({{$i}})">-</a>
@endif
@if($i == $itemCount)
<a style="height: 30px"
class="btn btn-primary duration-500 hover:bg-hover-primary py-[5px] px-3 text-[13px] rounded text-white bg-primary leading-[18px] inline-block border border-primary ml-2 cursor-pointer"
wire:click="addItem">+</a>
@endif
</div>
</div>
@endfor
</div>
</div>
<div class="flex justify-center">
<button
class="btn xl:py-[0.719rem] mr-4 py-2.5 xl:px-[1.563rem] px-4 duration-300 xl:text-[15px] text-[13px] font-medium rounded text-danger bg-danger-light leading-5 inline-block border border-danger-light btn-danger light hover:text-white hover:bg-danger offcanvas-close"
wire:click="closemodalclick">Cancel
</button>
@if($modelid)
<button
class="btn btn-primary xl:py-[0.719rem] py-2.5 xl:px-[1.563rem] px-4 duration-300 xl:text-[15px] text-[13px] font-medium rounded text-white bg-primary leading-5 inline-block border border-primary hover:bg-hover-primary"
wire:click="update">Update
</button>
@else
<button
class="btn btn-primary xl:py-[0.719rem] py-2.5 xl:px-[1.563rem] px-4 duration-300 xl:text-[15px] text-[13px] font-medium rounded text-white bg-primary leading-5 inline-block border border-primary hover:bg-hover-primary"
wire:click="save">Submit
</button>
@endif
</div>
</div>
</div>
</div>
@if($showmodal)
<x-notify::notify/>
@endif
</div>
</div>
</div>
@section('externaljs')
<script>
</script>
@endsection