CasperSecurity
<div class="row">
<div class="card-body">
<div class="p-[2.125rem]">
<div class="card p-[15px]" style="min-height: 690px;">
<div class="flex justify-between">
<div class="w-1/2 px-3 py-3">
<textarea
class="relative text-[13px] h-auto min-h-auto border border-b-color block rounded-md p-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full resize-y"
rows="6" id="voucher_particulars" wire:model.defer="voucher_particulars" placeholder="Enter Particular*">
</textarea>
</div>
</div>
<div class="row">
<div class="xl:w-1/4 mb-4">
<label class="form-label">Select Ledger Type<span class="text-danger">*</span></label>
<select name="ledger_type" wire:model.debounce="ledger_type"
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 Ledger Type</option>
<option value="1">Vendor</option>
<option value="2">Employee</option>
<option value="0">Others</option>
</select>
@error('ledger_type') <span class="error text-danger">{{ $message }}</span> @enderror
@if($ledger_type == 1)
<div class="row"style="margin-top:10px">
<label class="form-label">Vendor ID</label>
<select name="vendor_id" wire:model.defer="vendor_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"
placeholder="Enter Vendor">
<option value="">Select</option>
@foreach($vendors as $vendor)
<option value="{{$vendor->id}}">{{$vendor->vendor_name}}</option>
@endforeach
</select>
@error('vendor_name') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@elseif($ledger_type == 2)
<div class="row"style="margin-top:10px">
<label class="form-label">Employee ID</label>
<select name="employee_id" wire:model.defer="employee_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"
placeholder="Enter Employee">
<option value="">Select</option>
@foreach($employees as $employee)
<option value="{{$employee->id}}">{{$employee->name}}</option>
@endforeach
</select>
@error('name') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@elseif(($ledger_type == 0))
@endif
</div>
<div class="xl:w-1/4 mb-4">
<label class="form-label">Ledger Head<span class="text-danger">*</span></label>
<select name="ledger_head_id" wire:model.defer="ledger_head_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="">Select</option>
@foreach($ledgerhead as $ledger)
<option value="{{$ledger->id}}">{{$ledger->ledger_head_name}}</option>
@endforeach
</select>
@error('ledger_head_name') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
</div>
<div class="row">
<div class="xl:w-1/4 mb-4">
<label class="form-label">Select Amount Type<span class="text-danger">*</span></label>
<select name="type" wire:model.defer="type"
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 Amount Type</option>
<option value="type_debit">Debit</option>
<option value="type_credit">Credit</option>
</select>
@error('type') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/4 mb-4">
<label class="form-label">Enter Amount<span class="text-danger">*</span></label>
<input type="number" name="amount" wire:model.defer="amount"
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 amount">
@error('amount') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
</div>
<div class="flex justify-end">
<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">Add</button>
</div>
<div class="p-[1.563rem]">
<div class="flex justify-end">
<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>
</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">
Ladger Head
</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">
Credit
</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">
Debit
</th>
</tr>
</thead>
<tbody>
@if(sizeof($datatable)>0)
@foreach($datatable as $data)
<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({{$data->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({{$data->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($data->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">{{$data->ledger_head_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">{{$data->type_credit}}</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">{{$data->type_debit}}</td>
@endforeach
@else
<tr class="bg-transparent">
<td colspan="12" 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="p-[1.563rem]">
<div class="flex justify-between">
<div class="justify-start">
<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">Close</button>
</div>
<div class="justify-start">
<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="">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@section('externaljs')
@endsection