@extends('layout.main')



            @section('main-section')


                <div class="content">

                    <!-- Start Content-->
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">EFU</a></li>

                                            <li class="breadcrumb-item active">Update FSR</li>
                                        </ol>
                                    </div>
                                    <h4 class="page-title">EFU Property Management Portal</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->





                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title">Edit FSR Form</h4>
                                        <p class="sub-header">
                                          abcd
                                        </p>

                                        <form action="{{url('/edit_fsr_store')}}" method="POST">
                                            @csrf

                                            @foreach ($edit as $e)

                                        <div class="row">



                                            <div class="col-lg-12">


                                                <div class="mb-12">

                                                    <a href="" class="btn btn-warning" target="_blank">Upload Documents / Photos</a>

                                                </div>
                                                <p></p>
                                        </div> <!-- end col -->



                                        <div class="col-lg-6">
                                            <div class="mb-6">
                                                <label for="" class="form-label">Job Id</label>
                                                <input type="text" id="" class="form-control" name="_JobId" placeholder="" value="{{$e->_JobId}}" readonly>
                                            </div>
                                            <p></p>
                                    </div> <!-- end col -->



                                            <div class="col-lg-6">


                                                <div class="mb-6">
                                                    <label for="" class="form-label">S/Fee Bill # </label>
                                                    <input type="text" id="" class="form-control" name="_S_FeeBill" placeholder="S/Fee Bill #" value="{{$e->_S_FeeBill}}">
                                                </div>
                                                <p></p>
                                        </div> <!-- end col -->

                                        <div class="col-lg-6">
                                        <div class="mb-6">
                                            <label for="" class="form-label">Bill Date </label>
                                            <input type="date" id="" class="form-control" name="_BillDate" placeholder="" value="{{$e->_BillDate}}">
                                        </div>
                                        <p></p>
                                </div> <!-- end col -->

                                <div class="col-lg-6">
                                <div class="mb-6">
                                    <label for="" class="form-label">Professional Fees</label>
                                    <input type="text" id="" class="form-control" name="_ProfessionalFees" placeholder="Professional Fees" value="{{$e->_ProfessionalFees}}">
                                </div>
                                <p></p>
                        </div> <!-- end col -->

                        <div class="col-lg-6">
                        <div class="mb-6">
                            <label for="" class="form-label">Provisonal Tax %</label>
                            <input type="text" id="" class="form-control" name="_ProvisonalTax" placeholder="Provisonal Tax %" value="{{$e->_ProvisonalTax}}">
                        </div>
                        <p></p>
                </div> <!-- end col -->


                <div class="col-lg-6">
                <div class="mb-6">
                    <label for="" class="form-label">SST Amount Charged</label>
                    <input type="text" id="" class="form-control" name="_SSTAmountCharged" placeholder="SST Amount Charged" value="{{$e->_SSTAmountCharged}}">
                </div>
                <p></p>
        </div> <!-- end col -->



        <div class="col-lg-6">
        <div class="mb-6">
            <label for="" class="form-label">SST / PST / KPRA / BRA Provincial Services Tax</label>
            <input type="text" id="" class="form-control" name="_SST" placeholder="SST / PST / KPRA / BRA Provincial Services Tax" value="{{$e->_SSTAndOtherProvisionalTax}}">
        </div>
        <p></p>
        </div> <!-- end col -->


        <div class="col-lg-6">
        <div class="mb-6">
            <label for="" class="form-label">Photographs</label>
            <input type="text" id="" class="form-control" name="_Photographs" placeholder="Photographs" value="{{$e->_Photographs}}">
        </div>
        <p></p>
        </div> <!-- end col -->

        <div class="col-lg-6">
        <div class="mb-6">
            <label for="" class="form-label">Re-inspection</label>
            <input type="text" id="" class="form-control" name="_ReInspection" placeholder="Re-inspection" value="{{$e->_ReInspection}}">
        </div>
        <p></p>
        </div> <!-- end col -->

        <div class="clearfix">
            <hr />
        </div>

        <div class="col-lg-12" >
            <div class="mb-12">
               <button class="btn btn-danger" onclick="add_more()" type="button">Add More</button>
            </div>
            <p></p>
            </div> <!-- end col -->

            <div class="col-lg-12" hidden>

                <input type="text" name="txtinc1" id="txtinc1" value="1" />
                <p></p>
            </div>


        <div class="col-lg-12">
            <div class="mb-12">

                <table class="table" id="table_captions">
                    <tr>
                        <td>

                        <label for="" class="form-label">Expense Type</label>
                        <input type="text" id="" class="form-control" name="Caption[]" placeholder="Expense Type">

                        </td>

                        <td>

                        <label for="" class="form-label">Amount</label>
                        <input type="text" id="" class="form-control" name="Amount[]" placeholder="Amount" >

                    </td>
                </tr>
                </table>

            </div>
        </div>

        <div class="col-lg-12">
            <div class="mb-12">

                <table class="table table-striped table-sm">
                    <tr>
                        <th>Captions</th>
                        <th>Amount</th>
                        <th></th>
                    </tr>

                    @foreach ($edit2 as $e2)

                    <tr>
                        <td>{{$e2->_Caption}}</td>
                        <td>{{$e2->_Amount}}</td>
                        <td><a href="{{url('/delete_fsr_captions')}}/{{$e2->_Id}}/{{$e2->_JobId}}" class="btn btn-danger">X</a></td>
                    </tr>

                    @endforeach

                </table>

            </div>
        </div>



                                        <div class="col-lg-12">


                                            <div class="mb-12">
                                              <input type="submit" name="" id="sa-success" class="btn btn-success" />
                                            </div>
                                            <p></p>
                                    </div> <!-- end col -->





                        </div>
                        <!-- end row -->

                        @endforeach

                    </form>



                    </div> <!-- container -->

                </div> <!-- content -->

                <script>
                var inc = 2;
                function add_more()
                {
                  $('#table_captions').append(
                  '<tr>'+
                      '<td>'+

                      '<label for="" class="form-label">Expense Type</label>'+
                      '<input type="text" id="" class="form-control" name="Caption[]" placeholder="Expense Type">'+

                      '</td>'+

                      '<td>'+

                      '<label for="" class="form-label">Amount</label>'+
                      '<input type="text" id="" class="form-control" name="Amount[]" placeholder="Amount" >'+

                  '</td>'+

                  '<td>'+

                      '<button type="button" onclick="add_more_delete()" class="btn btn-danger">Delete</button>'+
                      '</td>'+
              '</tr>'
                  );
                  document.getElementById("txtinc1").value = inc++;
                }

                function add_more_delete() {
                  document.getElementById("txtinc1").value = --inc;
                  // event.target will be the input element.
                  var td = event.target.parentNode;
                  var tr = td.parentNode; // the row to be removed
                  tr.parentNode.removeChild(tr);
                }

          </script>


@endsection('main-section')