@extends('layout.main')


@section('main-section')


 <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->
            <div class="container-xxl flex-grow-1 container-p-y">




             <div class="row g-12">
                <div class="col-md-12">
                  <div class="card">
                    <h3 class="card-header text-warning">Add Labour and Parts</h3>
                    <div class="card-body">


                        <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. {{$assignData->_ReferenceNo}}</h5>

                                                        <p class="mb-2"><span class="fw-semibold me-2">Assign Branch </span> {{$assignData->_OurBranch}}</p>
                                                        <p class="mb-2"><span class="fw-semibold me-2">Policy No. </span> {{$assignData->_PolicyPMDNo}}</p>
                                                        <p class="mb-2"><span class="fw-semibold me-2">Loss No. </span> {{$assignData->_LossBenefitNo}}</p>
                                                        <p class="mb-2"><span class="fw-semibold me-2">Insured </span> {{$assignData->_InsuredParticipant}}</p>
                                                        <p class="mb-2"><span class="fw-semibold me-2">Surveyor </span> {{$assignData->_AssignTeamMember}}</p>

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




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

                                        <p></p>

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

                    <div class="row">

                      <div id="" class="form-text text-danger">
                          <h5 class="text-success">Details</h5>
                          <p></p>
                        </div>


                        <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="{{$assignData->_Id}}" 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 -->



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

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

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

            <div class="col-lg-12" >
                
        <table class="table" id="table_captions2">
        <tr hidden>
            <td>

            <label for="" class="form-label">Labour Name</label>
            <input type="text" id="" class="form-control" name="LaborName[]" placeholder="Labor Name">

            </td>

            <td>

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

            </td>

            <td>

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

            </td>

            <td>

            <label for="" class="form-label">Type</label>
           <select class="form-control" name="typelabour[]">
            <option value=""></option>
            <option value="Denting">Denting</option>
            <option value="Repairing">Repairing</option>
            <option value="Replacement">Replacement</option>
           </select>
            </td>
    </tr>
    </table>
            </div>

            <br />


          

                                            <div id="cardCollpase5" class="collapse show">
                                            <div class="table-responsive pt-3">

                                                <table class="table table-striped dt-responsive nowrap w-100 table-sm">
                                                    


                                                    <tbody>

                                                         @foreach ($addlabour as $al)


                                                        <tr>
                                                            <td>{{$al->_LabourName}}</td>
                                                            <td>{{$al->_Type}}</td>
                                                            <td>{{$al->_RepairersEstimate}}</td>
                                                            <td>{{$al->_OurAssessment}}</td>


                                                                <td>
                                                                    <a href="{{ url('/deleteLabour') }}/{{ $al->_Id }}" class="btn btn-warning">Delete</a>
                                                            </td>
                                                        </tr>

                                                        @endforeach



                                                    </tbody>
                                                </table>
                                            </div> <!-- end table responsive-->
                                        </div> <!-- collapsed end -->




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

    <h5>Add Parts</h5>

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

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

            </td>



            <td>

            <label for="" class="form-label">Price in Rs.</label>
            <input type="text" id="" class="form-control" name="PriceRs[]" placeholder="Price in Rs.">

            </td>

            <td>

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

            </td>

            <td>

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

        </td>

        <td>

            <label for="" class="form-label">Type</label>
            <select class="form-control" name="typeparts[]">
                <option value=""></option>
                <option value="(SD)">(SD)</option>
            </select>

        </td>
    </tr>

    </table>
            </div>

            <br />



                                            <div id="cardCollpase5" class="collapse show">
                                            <div class="table-responsive pt-3">

                                                <table class="table table-striped dt-responsive nowrap w-100 table-sm">
                                                   
                                                    <tbody>

                                                         @foreach ($addparts as $ap)


                                                        <tr>
                                                            <td>{{$ap->_PartName}}</td>
                                                            <td>{{$ap->_Type}}</td>
                                                            <td>{{$ap->_PriceInRs}}</td>
                                                            <td>{{$ap->_Quantity}}</td>


                                                                <td>
                                                                    <a href="{{ url('/deletePart') }}/{{ $ap->_Id }}" class="btn btn-warning">Delete</a>
                                                            </td>
                                                        </tr>

                                                        @endforeach



                                                    </tbody>
                                                </table>
                                            </div> <!-- end table responsive-->
                                        </div> <!-- collapsed end -->





                      <div class="col-md-12" style="text-align: right;">
                        <button type="submit" class="btn btn-success">Submit</button>
                      </div>

                    </div>
                    </form>
                    </div>
                  </div>
                </div>
             </div>
            </div>
          </div>

           <script>
            var inc = 2;
                          function add_more()
                          {
                            $('#table_captions').append(
                            '<tr>'+
            '<td><label for="" class="form-label">Part Name</label>'+
            '<input type="text" id="" class="form-control" name="PartName[]" placeholder="Part Name"></td>'+



            '<td>'+

            '<label for="" class="form-label">Price in Rs.</label>'+
            '<input type="text" id="" class="form-control" name="PriceRs[]" placeholder="Price in Rs.">'+

            '</td>'+

           '<td>'+

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

            '</td>'+

            '<td>'+

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

        '</td>'+

        '<td>'+

            '<label for="" class="form-label">Type</label>'+
            '<select class="form-control" name="typeparts[]">'+
                '<option value=""></option>'+
                '<option value="(SD)">(SD)</option>'+
            '</select>'+

        '</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);
                          }




                           var inc2 = 2;
                          function add_labour()
                          {
                            $('#table_captions2').append(
                            '<tr>'+
                                '<td>'+

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

                                '</td>'+

                                '<td>'+

            '<label for="" class="form-label">Repairers Estimate</label>'+
            '<input type="text" id="" class="form-control" name="repairestimate[]" value="0" placeholder="Repairers Estimate">'+

            '</td>'+

            '<td>'+

            '<label for="" class="form-label">Our Assessment</label>'+
            '<input type="text" id="" class="form-control" name="ourassessment[]" value="0" placeholder="Our Assessment">'+

            '</td>'+

            '<td>'+

            '<label for="" class="form-label">Type</label>'+
           '<select class="form-control" name="typelabour[]">'+
            '<option value=""></option>'+
            '<option value="Denting">Denting</option>'+
            '<option value="Repairing">Repairing</option>'+
            '<option value="Replacement">Replacement</option>'+
           '</select>'+
            '</td>'+

                            '<td>'+

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

                          function add_more_delete2() {
                            document.getElementById("txtinc2").value = --inc2;
                            // 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')