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-[18px] inline-block border border-primary ml-2 offcanvas-toggle cursor-pointer" wire:click="showtabindex">+ Create 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-2/3 px-1">
<div class="row flex justify-between">
<div class="w-1/4 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="tender_no">Tender No.</option>
</select>
</div>
<div class="w-1/4 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">Decending</option>
</select>
</div>
<div class="w-1/4 px-2 py-2 justify-end">
<select name="orderAsc" wire:model="by_tender_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-dark text-dark h-[2.813rem] leading-[1.813rem]">
<option value="1">New</option>
<option value="7">Awarded</option>
<option value="2">Open</option>
<option value="4">Approved</option>
<option value="5">In Progess</option>
<option value="6">Submitted</option>
<option value="8">Disqualified</option>
</select>
</div>
<div class="w-1/4 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">Sl. 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-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-center">Tender 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-center">Tender ID</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 Mode</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 Source</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">Name Of Work</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">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 Category</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">Client Sector</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">Department Name</th>
{{-- @if(Auth::user()->id==1 || Auth::user()->id==2)--}}
<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 Period</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 Value</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">Monthly Billing</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">Existing Manpower</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">New Manpower Requirement</th>
{{-- @endif--}}
<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">Opening 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-center">Technical Bid 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">Financial Bid Date</th> --}}
{{-- @if(Auth::user()->id==1 || Auth::user()->id==2)--}}
<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">EMD Amount</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">Paper Cost</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">Other Cost</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">Total Cost</th>
{{-- @endif--}}
<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">Remarks</th>
</tr>
</thead>
<tbody>
@if(sizeof($tenderdetails)>0)
@foreach($tenderdetails as $key=> $tender)
<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">
{{$key+1}}
</td>
<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({{$tender->id}})"><i class="fas fa-pencil-alt text-[0.875em]"></i></a>
<a href="javascript:void(0);"
wire:click="openView({{ $tender->id }})"
class="btn w-6 h-6 flex items-center justify-center bg-secondary text-white rounded hover:bg-secondary/80">
<i class="fa-regular fa-eye"></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({{$tender->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($tender->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-center">
@if($tender->tender_status == '1')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-info-light">New</span>
@elseif ($tender->tender_status == '2')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-primary-light">Open</span>
@elseif ($tender->tender_status == '3')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-danger-light">Not Interested</span>
@elseif ($tender->tender_status == '4')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-success-light">Approved</span>
@elseif ($tender->tender_status == '5')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-warning-light">In Progress</span>
@elseif ($tender->tender_status == '6')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-white bg-info">Submitted</span>
@elseif ($tender->tender_status == '7')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-white bg-success">Awarded</span>
@elseif ($tender->tender_status == '8')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-white bg-danger">Disqualified</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-center">
@if($tender->tender_status>4)
<span
wire:click="managetender({{ $tender->id }})"
class="cursor-pointer text-info hover:text-info"
>
{{$tender->tender_no}}
</span>
@else
<span
class=" text-dark-500"
>
{{$tender->tender_no}}
</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-center">
@if($tender->tender_mode==3)
Online
@else
Offline
@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-center">
{{$tender->information_source}}
</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">
{{$tender->tender_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-center">
@if($tender->getClient)
{{$tender->getClient->client_name}}
@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-center">
@if($tender->getTenderVeriety)
{{$tender->getTenderVeriety->variety_name}}
@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-center">--}}
{{-- @if($tender->getClient)--}}
{{-- {{$tender->getClientCategory != null ? $tender->getClient->getClientCategory->category_name:''}}--}}
{{-- @endif</td>--}}
{{--
{{$data->getClientCategory != null ? $data->getClientCategory->category_name :''}}
--}}
<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">
{{$tender->department_name}}</td>
</td>
{{-- @if(Auth::user()->id==1 || Auth::user()->id==2)--}}
<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">
{{$tender->tender_period}}</td>
</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">
{{$tender->tender_value}}</td>
</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($tender->tender_value && $tender->tender_period)
{{number_format((float)$tender->tender_value/($tender->tender_period*12), 2, '.', '')}}
@endif
</td>
</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">
{{$tender->existing_man_power}}</td>
</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">
{{$tender->new_man_power}}</td>
</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] whitespace-nowrap text-xs font-normal text-center">
{{\Carbon\Carbon::parse($tender->tender_opening_date)->format('d-F-Y')}}
</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] whitespace-nowrap text-xs font-normal text-center">
{{\Carbon\Carbon::parse($tender->tender_closing_date)->format('d-F-Y')}}
</td>
{{-- @if(Auth::user()->id==1 || Auth::user()->id==2)--}}
<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($tender->tender_emd_amount)
{{$tender->tender_emd_amount}}</td>
@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-center">
@if($tender->tender_paper_cost)
{{$tender->tender_paper_cost}}</td>
@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-center">
@if($tender->tender_bank_guarantee)
{{$tender->tender_bank_guarantee}}</td>
@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-center">
@if($tender->tender_paper_cost && $tender->tender_bank_guarantee && $tender->tender_emd_amount && $tender->tender_security_deposit)
{{$tender->tender_paper_cost + $tender->tender_bank_guarantee + $tender->tender_emd_amount+$tender->tender_security_deposit+$tender->tender_value}}
@elseif($tender->tender_paper_cost && $tender->tender_bank_guarantee && $tender->tender_emd_amount)
{{$tender->tender_paper_cost + $tender->tender_bank_guarantee + $tender->tender_emd_amount+$tender->tender_value}}
@elseif($tender->tender_paper_cost && $tender->tender_bank_guarantee)
{{$tender->tender_paper_cost + $tender->tender_bank_guarantee+$tender->tender_value}}
@elseif($tender->tender_paper_cost)
{{$tender->tender_paper_cost+$tender->tender_value}}
@else
{{$tender->tender_value}}
@endif
</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] whitespace-nowrap text-xs font-normal text-center">
@if($tender->tender_technical_bid_date)
{{\Carbon\Carbon::parse($tender->tender_technical_bid_date)->format('d-F-Y')}}
@else
NA
@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] whitespace-nowrap text-xs font-normal text-center">
@if($tender->tender_financial_bid_date)
{{\Carbon\Carbon::parse($tender->tender_financial_bid_date)->format('d-F-Y')}}
@else
NA
@endif
</td> --}}
</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($act->completion_doc_flag=='1')
<span class="py-[5px] px-3 rounded border border-transparent text-xs leading-[1.5] bg-success">Yes</span>
@else
<span class="py-[5px] px-3 rounded border border-transparent text-xs leading-[1.5] bg-d-light-2 text-black">No</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-center">
<div class="progress bg-[#f6f6f6] dark:bg-[#1E1E1E] h-[5px] overflow-hidden flex rounded-md mt-4">
<div class="progress-bar flex flex-col rounded-md justify-center overflow-hidden bg-success active progress-bar-striped" style="width: 20%; " role="progressbar">
<span class="sr-only">60% Complete</span>
</div>
</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] whitespace-nowrap text-xs font-normal text-center">{{$tender->notinterested_reason}}</td>
</tr>
@endforeach
@else
<tr class="bg-transparent">
<td @if(Auth::user()->id==1 || Auth::user()->id==2) colspan="18" @else colspan="11" @endif 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>
{{$tenderdetails->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-2/3 md:w-2/3 w-2/3 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">
<h5 class="modal-title" id="#gridSystemModal">Create New Tender</h5>
<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="container-fluid" wire:ignore.self>
<div class="row">
<div class="w-full">
<ul class="nav flex flex-wrap items-end border-b border-b-color mx-[-30px] px-[30px] style-1 mb-6" id="pills-tab" role="tablist">
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='tender') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif " wire:click="switchTab('tender')" >Tender</a>
</li>
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='activity_required') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif " wire:click="switchTab('activity_required')" >Tender Activity</a>
</li>
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='document_required') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif " wire:click="switchTab('document_required')" >Documents Required</a>
</li>
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='related_document') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif " wire:click="switchTab('related_document')" >Related Documents</a>
</li>
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='tender_veriety') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif " wire:click="switchTab('tender_veriety')" >Tender Veriety</a>
</li>
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='pre_req_document') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif " wire:click="switchTab('pre_req_document')" >Pre Required Documents</a>
</li>
</ul>
<div class="container-fluid">
@if($activeTab === 'tender')
@livewire('tendermanagement.tendertab.tender-livewire')
@elseif($activeTab === 'activity_required')
@livewire('tendermanagement.tendertab.tender-activity-required')
@elseif($activeTab === 'document_required')
@livewire('tendermanagement.tendertab.tender-document-required')
@elseif($activeTab === 'related_document')
@livewire('tendermanagement.tendertab.tender-related-document')
@elseif($activeTab === 'tender_veriety')
@livewire('tendermanagement.tendertab.tender-veriety-livewire')
@elseif('pre_req_document')
@livewire('tendermanagement.tendertab.tender-pre-required-docs')
@endif
</div>
</div>
</div>
</div>
@if($showmodal)
<x-notify::notify />
@endif
</div>
</div> --}}
</div>
@section('externaljs')
<script>
/* document.addEventListener('livewire:load', function () {
$('#dept_datatable').DataTable(
{
searching: 1,
lengthChange: 1,
paging: 1,
select: 1,
info: 1,
language: {
paginate: {
next: '<i class="fa-solid fa-angle-right"></i>',
previous: '<i class="fa-solid fa-angle-left"></i>',
},
search: ' <i class="fa-solid fa-magnifying-glass"></i>',
searchPlaceholder: "Search...",
},
}
);
});*/
</script>
@endsection