@extends('admin.layouts.app')

@section('content')
<div class="container-fluid py-4">
 @if(session('success'))
          <div class="alert alert-success">
              {{ session('success') }}
          </div>
      @endif
      @if(session('error'))
          <div class="alert alert-danger">
              {{ session('error') }}
          </div>
      @endif
  <div class="row">
      <div class="col-12">
          <div class="row justify-content-between">
              <div class="col-md-4">
                  <a class="btn bg-gradient-info mb-3" href="">Back</a>
              </div>
          </div>
      </div>
  </div>
  <form action="{{ route('admin.tapl.bill.payment.store', $bill->id) }}" method="POST">
    @csrf
    <input type="hidden" name="bill_id" value="{{ @$bill->id }}">
    <input type="hidden" name="tapl_id" value="{{ @$workOrder->tapl_contract_id }}">
    <input type="hidden" name="payment_id" value="{{ @$payment->id }}">
    <div class="row">
        <div class="col-12">
            <div class="card pt-3 mb-4">
                <div class="card-body px-0 pt-0 pb-2">
                    <style>
                        .box-wrap-text {
                            width: 100%;
                            text-align: center;
                        }

                        .box-wrap-text:nth-child(2) {
                            margin: 0px 20px;
                        }
                    </style>
                    <div class="d-md-flex align-items-center justify-content-between px-3 mb-3">
                        <div class="box-wrap-text">
                            <p class="mb-0"><span class="text-bold text-dark">Contract No : </span>{{ $workOrder->performa_invoice_no }}</p>
                            <input type="hidden" name="contract_no" value="{{ $workOrder->performa_invoice_no }}">
                        </div>
                        <div class="box-wrap-text">
                            <p class="mb-0"><span class="text-bold text-dark">Work Order No : </span>{{ $workOrder->work_order_no }}</p>
                            <input type="hidden" name="work_order_no" value="{{ $workOrder->work_order_no }}">

                        </div>
                        <div class="box-wrap-text">
                            <p class="mb-0"><span class="text-bold text-dark">Work Order Date :
                                </span>{{ $workOrder->order_recieved_date }}</p>
                            <input type="hidden" name="work_order_date" value="{{ $workOrder->order_recieved_date }}">

                        </div>
                    </div>
                    <div class="d-md-flex align-items-center justify-content-between px-3 mb-3">
                        <div class="box-wrap-text">
                            <p class="mb-0"><span class="text-bold text-dark">Work Order Amount :
                                </span>{{ $workOrder->customer_order_value }}</p>
                            <input type="hidden" name="bill_amount" value="{{ $workOrder->customer_order_value }}">

                        </div>
                        <div class="box-wrap-text">
                            <p class="mb-0"><span class="text-bold text-dark">Type Of Billing : </span>{{ $workOrder->type_of_amc }}</p>
                            <input type="hidden" name="type_of_billing" value="{{ $workOrder->type_of_amc }}">

                        </div>
                        <div class="box-wrap-text">
                            <p class="mb-0"><span class="text-bold text-dark">Frequency : </span>{{ $workOrder->billing_frequency }}</p>
                            <input type="hidden" name="frequency" value="{{ $workOrder->billing_frequency }}">
                        </div>
                    </div>
                    <div class="d-md-flex align-items-center justify-content-center px-3 mb-3">
                        <div class="box-wrap-text" style="width: 32.3333333333%;">
                            <p class="mb-0"><span class="text-bold text-dark">Bill No :
                                </span>{{ $bill->bill_no }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card pt-3 mb-4">
                <div class="card-body px-0 pt-0 pb-2">
                    <div class="table-responsive p-0 mb-3">
                        <table class="table align-items-center mb-0">
                            <thead>
                                <tr>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                        style="text-align: center !important;">
                                        SL.No</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                        style="text-align: center !important;">
                                        Month</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                        style="text-align: center !important;">
                                        Amount</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                        style="text-align: center !important;">
                                        Bill No</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                        style="text-align: center !important;">
                                        Bill Date</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                        style="text-align: center !important;">
                                        Ref. No</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                        style="text-align: center !important;">
                                        Recp. Amount</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
                                        style="text-align: center !important;">
                                        Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                  <td>
                                      <div class="d-flex px-2 py-1">
                                          <h6 class="mb-0 text-sm">1</h6>
                                      </div>
                                  </td>
                                  <td>
                                      <input type="text" class="form-control text-center" style="width: 80px;" name="month" value="{{ $bill->month }}" readonly>
                                  </td>
                                  <td>
                                      <input type="text" class="form-control text-center" style="width: 80px;" name="amount" value="{{ $bill->amount }}" readonly>
                                  </td>
                                  <td>
                                      <input type="text" class="form-control text-center" style="width: 100px;" name="bill_no" value="{{ $bill->bill_no }}" readonly>
                                  </td>
                                  <td>
                                      <input type="text" class="form-control text-center" style="width: 100px;" name="date" value="{{ $bill->date }}" readonly>
                                  </td>
                                  <td>
                                      <input type="text" class="form-control text-center" style="width: 150px;" name="ref_no" value="{{ @$payment->ref_no }}" placeholder="" required>
                                  </td>
                                  <td>
                                      <input type="text" class="form-control text-center" style="width: 150px;" name="recp_amount" value="{{ @$payment->recp_amount }}" placeholder="" required>
                                  </td>
                                  <td>
                                      <input type="date" class="form-control text-center" style="width: 150px;" name="payment_date" value="{{ date('Y-m-d') }}">
                                  </td>
                                  <td>
                                      <ul class="nav table-btn-group"
                                          style="flex-wrap: nowrap; justify-content: end;">

                                          {{-- <li class="nav-item">
                                              <a class="btn bg-gradient-info mb-0 mr-2 btn-sm"
                                                  href="">Delete</a>
                                          </li> --}}
                                      </ul>
                                  </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
          <input type="submit" id="saveButton" value="Save" class="btn bg-gradient-info mb-3" style="float: right;">

            {{-- <a class="btn bg-gradient-info mb-3" style="float: right;" role="button" data-bs-toggle="modal" data-bs-target="#exampleModal" href="">Save &amp; Close</a> --}}
        </div>
    </div>
  </form>
</div>

@endsection