@extends('layouts.app')

@section('content')

<table class="table table-borderless">
    <tr>
        <td>
            <p>
                Party :
                <span class="fw-bold">{{$response['party']->name}}
                    @if ($response['party']->alias!="")
                    ({{$response['party']->alias}})
                    @endif
                </span>
            </p>
            <p class="mt-2">
                Total Balance :
            <span class="fw-bold fs-20">{{$response['party']->opening_balance+$response['party']->balance}}</span>

            | Opening Balance : <span class="fw-bold fs-20">{{$response['party']->opening_balance}}</span>
            </p>
        </td>

    </tr>
</table>

<table class="table table-bordered">
    <thead>
        <tr>
            <th scope="col">Date</th>
            <th scope="col">Inv. No</th>
            <th scope="col">Amount</th>
            <th scope="col">Payment Received</th>
            <th scope="col">Transaction Type</th>
          </tr>
    <tbody>
        @foreach ($response['ledger'] as $item)
      <tr>
        <td>{{hpDate($item->transaction_date,'d M Y')}}</td>
        <td>{{$item->invoice_no}}</td>
        <td>{{$item->amount}}</td>
        <td>{{$item->payment_received}}</td>
        <td>{{$item->tans_type}}</td>
        <td>
            @if ($item->invoice_no=="")
            <a href="{{url('ledger/'.$item->id.'/edit')}}">Edit</a>
            @endif
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>



<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Add New Transaction</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="{{url('/party/'.$response['party_id'].'/ledger/add')}}" method="POST">
            @csrf
        <div class="modal-body">
            <div class="form-group">
                <label for="recipient-name" class="col-form-label">Transaction Type:</label>
                <select name="tans_type" id="" required>
                    <option value="sales_return">Sales Return</option>
                    <option value="payment_received">Payment Recept</option>
                </select>
            </div>
            <div class="form-group">
                <label for="message-text" class="col-form-label">Amount:</label>
                <input type="number" name="amount" step="0.01" required>
            </div>
            <div class="form-group">
                <label for="message-text" class="col-form-label">Transaction Date:</label>
                <input type="date" name="transaction_date" value="2025-05-18">
            </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Save changes</button>
        </div>
    </form>
      </div>

    </div>
  </div>

@endsection

@section('script')
@endsection