@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">Stage 4</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">FSR Form</h4>
                                        <p class="sub-header">
                                          abcd
                                        </p>

                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="card">
                                                    <div class="card-body">
                                                        <h4 class="header-title mb-3">Case Information</h4>

                                                        <h5 class="font-family-primary fw-semibold">Ref. No. {{$attend_first->_ReferenceNo}}</h5>

                                                        <p class="mb-2"><span class="fw-semibold me-2">Branch </span> {{$attend_first->_Branch}}</p>
                                                        <p class="mb-2"><span class="fw-semibold me-2">Loss No. </span> {{$attend_first->_Loss_No}}</p>
                                                        <p class="mb-2"><span class="fw-semibold me-2">Insured </span> {{$attend_first->_Insured}}</p>
                                                        <p class="mb-2"><span class="fw-semibold me-2">Surveyor </span> {{$attend_first->_AssignToSurveyorCompany}}</p>

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




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


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

                                        <div class="row">




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


                                                <div class="mb-12">


                                                    @foreach ($google as $g)


                                                    <a href="{{url('https://drive.google.com/drive/u/1/folders/')}}{{$g->_FolderId}}" class="btn btn-primary" target="_blank">Upload Documents / Photos</a>

                                                    @endforeach

                                                </div>
                                                <p></p>

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



                                        @foreach ($attend as $at)

                                        <div class="col-lg-6" hidden>
                                            <div class="mb-6">
                                                <label for="" class="form-label">Job Id</label>
                                                <input type="text" id="_JobId" class="form-control" name="_JobId" placeholder="" value="{{$at->_JobId}}" readonly>
                                                <input type="text" id="_user_email" class="form-control" name="_user_email" placeholder="" value="{{session()->get('user_email')}}" readonly>
                                            </div>
                                            <p></p>
                                    </div> <!-- end col -->


                                            @endforeach

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

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


                                                <div class="mb-6">
                                                    <label for="" class="form-label">Surveyor Invoice / Bill # </label>
                                                    <input type="text" id="" class="form-control" name="_S_FeeBill" placeholder="Surveyor Invoice / Bill #">
                                                </div>
                                                <p></p>
                                        </div> <!-- end col -->

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

                                <div class="col-lg-6">
                                    <div class="mb-6">
                                        <label for="" class="form-label">Provincial Tax Regime (SST / PST / KPRA / BRA) </label>

                                  <select class="form-control" name="_SST" id="SSTbool1" onChange="changeBool();">
                                    <option value="">Please Select</option>
                                     <option value="14.99">Yes (Sindh Sales Tax @ 15%)</option>
                                     <option value="16">Yes (Punjab Sales Tax @ 16%)</option>
                                     <option value="15">Yes (KPK Sales Tax @ 15%)</option>
                                     <option value="15.01">Yes (Balochistan Sales Tax @ 15%)</option>

                                     <option value="0">No</option>
                                  </select>
                                    </div>
                                    <p></p>
                                    </div> <!-- end col -->

                                    <div class="col-lg-6">
                                        <div class="mb-6">
                                            <label for="" class="form-label">Provincial Tax %</label>
                                            <input type="text" id="sstProfessionalfee" class="form-control" name="_ProvisonalTax" placeholder="Provisonal Tax %" onKeyUp="sstCal()" value="0" readonly>
                                        </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="Professionalfee" class="form-control" name="_ProfessionalFees" placeholder="Professional Fees" onKeyUp="sstCal2()" >
                                </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="SSTAmountCharged" class="form-control" name="_SSTAmountCharged" placeholder="SST Amount Charged" readonly>
                </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">
        </div>
        <p></p>
        </div> <!-- end col -->

        <div class="col-lg-6" hidden>
        <div class="mb-6">
            <label for="" class="form-label">Re-inspection</label>
            <input type="text" id="" class="form-control" name="_ReInspection" value="nil" placeholder="Re-inspection">
        </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" >

        <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>


            @include('claim_next_stages.documents_list_ajax')



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


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





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


                    </form>




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

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

                <script>
                    function sstCal()
                          {

                              var fees = document.getElementById("Professionalfee").value;
                                var feesper = document.getElementById("sstProfessionalfee").value;
                              document.getElementById("SSTAmountCharged").value = fees * feesper / 100;

                          }

                            function changeBool()
                          {
                              var SSTbool1 = document.getElementById("SSTbool1").value;
                              document.getElementById("sstProfessionalfee").value = SSTbool1;
                          }


                          function sstCal2()
                          {

                              var fees = document.getElementById("Professionalfee").value;
                                var feesper = document.getElementById("sstProfessionalfee").value;
                              document.getElementById("SSTAmountCharged").value = fees * feesper / 100;

                          }

                          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')