@extends('layouts.accounts')
@section('content')
@php
    $lang=app()->getLocale();
@endphp
    <div class="container">
        <h2 class="text-center">
            Receipt Voucher
        </h2>
        @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
        <form action="{{route('accounts.receipt.store',$lang)}}" method="post">
            @csrf
                <div class="d-flex justify-content-between">
                    <div class="ledger_list_outer">
                        
                        <div class="form-group">
                        <label for="">Receiving Account</label>
                        <select class="form-control" name="receive_to" id="receive_to">
                            <option value="">Select ---</option>
                            @foreach ($ledgers as $ledger)
                                <option value="{{$ledger->id}}">{{$ledger->title}}</option>    
                            @endforeach
                            
                            
                        </select>
                        </div>
                    </div>
                    <div>
                        Receipt No # {{$receipt_no}}
                    </div>
                </div>

                <div class="d-flex justify-content-between mt-4">
                    <div class="ledger_list_outer">
                        
                        <div class="form-group">
                        <label for="">Received From</label>
                        <select class="form-control" name="receive_from" id="receive_from">
                            <option value="">Select ---</option>
                            @foreach ($ledgers as $ledger)
                                <option value="{{$ledger->id}}">{{$ledger->title}}</option>    
                            @endforeach
                            
                            
                        </select>
                        </div>
                    </div>
                    <div>
                        Amount Received<br>
                        <input type="text" name="receive_amount" id="receive_amount" class="form-control">
                    </div>
                </div>

                <div class="form-group">
                  <label for="">Particulars</label>
                  <input type="text" class="form-control" name="particulars" id="particulars" aria-describedby="helpId" placeholder="transaction note">
                  <small id="helpId" class="form-text text-muted">Details of the transaction</small>
                </div>
                <div class="form-group">
                    <label for="">Narration</label>
                    <input type="text" class="form-control" name="narration" id="narration" aria-describedby="helpId" placeholder="transaction note">
                    <small id="helpId" class="form-text text-muted">Details of the transaction</small>
                  </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary mb-4">Submit</button>
                </div>
            </form>

            <div class="card mt-4">
                <div class="card-header">
                    Latest Receipt Vouchers
                </div>
                <div class="card-body">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date/Time</th>
                                <th>Narration</th>
                                
                                <th>Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                         
                    @foreach ($vouchers as $voucher)
                        
                    <tr>
                        <td>{{$voucher->created_at->format('d M,Y h:i:s A')}}</td>
                        <td scope="row">{{$voucher->narration}}</td>
                        
                        <td>{{$voucher->total_amount}}</td>
                        <td>
                            <form action="{{ route('accounts.receipt.destroy',[app()->getLocale(),$voucher]) }} " method="POST" style="text-align: center">
                                @csrf
                                {{ method_field('DELETE') }}
                                <button class="btn btn-danger btn-sm" type="submit"  onclick="return confirm('Do you really want to delete the Receipt voucher No # {{$voucher->id}}?')">
                                    <i class="fas fa-recycle    "></i>
                                    Delete
                                </button>
                            </form>
                        </td>
                    </tr>

                    @endforeach
                       
                </tbody>
            </table>
                </div>
                <div class="card-footer text-muted">
                    
                </div>
            </div>
    </div>
@endsection