CasperSecurity
<div class="p-[2.125rem]">
<div class="card p-[15px]" style="min-height: 690px;">
<div class="row">
<div class="xl:w-1/4 mb-4">
<input type="date" name="date" wire:model="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" >
@error('date') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
</div>
<div class="row">
<div class="xl:w-1/4 mb-4 ">
<select name="text"
wire:model="from"
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 From Bank/Cash</option>
<option value="Bank">Bank</option>
<option value="Cash">Cash</option>
</select>
@error('from') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@if($from =="Bank")
<div class="xl:w-1/4 mb-4 ">
<select name="text"
wire:model="from_bank"
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 From Bank</option>
@foreach($banks as $bank)
<option value="{{$bank->id}}">{{$bank->bank_name}}</option>
@endforeach
</select>
@error('from_bank') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/4 mb-4">
<input type="text" name="from_cheque" wire:model.defer="from_cheque" placeholder="Enter Cheque 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">
@error('from_cheque') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@elseif($from=="Cash")
<div class="xl:w-1/4 mb-4 ">
<select name="text"
wire:model.defer="from_cash"
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 From Bank/Cash</option>
@if(sizeof($cash_type)>0)
@foreach($cash_type as $cs_type)
<option value="{{$cs_type['id']}}">{{$cs_type['cash_type_name']}}</option>
@endforeach
@endif
</select>
@error('from_cash') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@endif
</div>
<div class="row">
<div class="xl:w-1/4 mb-4 ">
<select name="text"
wire:model.debounce.0ms="to"
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 to Bank/Cash</option>
<option value="Bank">Bank</option>
<option value="Cash">Cash</option>
</select>
@error('to') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@if($to=="Bank")
<div class="xl:w-1/4 mb-4 ">
<select name="text"
wire:model="to_bank"
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 To Bank</option>
@foreach($banks as $bank)
<option value="{{$bank->id}}">{{$bank->bank_name}}</option>
@endforeach
</select>
@error('to_bank') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@elseif($to=="Cash")
<div class="xl:w-1/4 mb-4 ">
<select name="text"
wire:model.defer="to_cash"
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 To Cash</option>
@if(sizeof($cash_type)>0)
@foreach($cash_type as $cs_type)
<option value="{{$cs_type['id']}}">{{$cs_type['cash_type_name']}}</option>
@endforeach
@endif
</select>
@error('to_cash') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@endif
</div>
<div class="row">
<div class="xl:w-1/4 mb-4 ">
<select name="text" wire:model.defer="ledger_head" name="ledger_head"
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 Head</option>
@if(sizeof($ledger_head_data)>0)
@foreach($ledger_head_data as $ldgr_hd)
<option value="{{$ldgr_hd['id']}}">{{$ldgr_hd['ledger_head_name']}}</option>
@endforeach
@endif
</select>
@error('ledger_head') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/4 mb-4 flex justify-between">
<input type="number"name="amount" wire:model="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" placeholder="Enter Ledger Amount">
@error('amount') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
@if(sizeof($contra_data)<=0)
<div class="mb-4 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="add">Add</button>
</div>
@endif
</div>
<div class="overflow-row">
<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">From/To</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">Debit</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>
</tr>
</thead>
<tbody>
@if(sizeof($contra_data)>0)
@foreach($contra_data as $cntra)
<tr class="bg-transparent">
<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">{{$cntra['from']!= null?$cntra['from']:$cntra['to']}}</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">{{$cntra['debit_amount']>0?$cntra['debit_amount']:0}}</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">{{$cntra['credit_amount']>0?$cntra['credit_amount']:0}}</td>
</tr>
@endforeach
@else
<tr class="bg-transparent">
<td colspan="5" 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="mt-4 flex justify-center">
<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>
</div>
</div>
</div>