@extends('layout.master')
@section('content')
@php
        //dd($orderProducts);
        if($errors->all()){
            //dd('oldValue',old('claim_remarks'));
        }
@endphp
<section class="content pb-5">
    <div class="container-fluid">

        <meta name="csrf-token" content="{!! csrf_token() !!}">

        <div class="row pt-4">
            <div class="col-md-12">
                <div class="title-section">
                    <p>Insurance Claim Form</p>
                </div>
            </div>
        </div>

        @if (session()->has('message'))
        <div class="alert alert-dismissable alert-success">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>
                {!! session()->get('message') !!}
            </strong>
        </div>
        @endif

        <div class="claim-txt zone-box p-4">
            <div class="new-claim">
                <div class="row mt-2">
                    <div class="col-md-2 col-6">
                        <h5>AWB No.</h5>
                    </div>
                    <div class="col-md-2 col-6">
                        <p>{{@$orderProducts['orderProducts']['docket_no']?:'N/A'}}</p>
                    </div>
                    <div class="col-md-2 col-6">
                        <h5>Invoice No.</h5>
                    </div>
                    <div class="col-md-2 col-6">
                        <p>{{@$orderProducts['orderProducts']['invoice_no']?:'N/A'}}</p>
                    </div>
                    <div class="col-md-2 col-6">
                        <h5>Order No.</h5>
                    </div>
                    <div class="col-md-2 col-6">
                        <p>{{@$orderProducts['orderDetails']['order_id']?:'N/A'}}</p>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <h5>LSP Name</h5>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <p>{{@$orderProducts['orderProducts']['lsp_name']?:'N/A'}}</p>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <h5>LSP Contact No.</h5>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <p>{{@$orderProducts['lspContactNumber']['contact_no']?:'N/A'}}</p>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <h5>No. of Boxes</h5>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <p>1</p>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <h5>Total Volume</h5>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <p>{{ @$orderProducts['volume']?:'N/A' }}</p>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <h5>Weight</h5>
                    </div>
                    <div class="col-md-2 col-6 mt-2">
                        <p>{{@$orderProducts['orderProducts']['package_weight']?:'N/A'}} Kg</p>
                    </div>
                </div>

                <div class="row pt-3">
                    <div class="col-md-2 col-5">
                        <h5>Seller Address</h5>
                    </div>
                    <div class="col-md-2 col-7">
                        <p>{{@$orderProducts['sellerAddress']['address']}}
                        {{@$orderProducts['states']['name']}} {{@$orderProducts['cities']['name']}} {{@$orderProducts['sellerAddress']['pincode']}}</p>
                    </div>
                    <div class="col-md-2 col-5">
                        <h5>Buyer Address</h5>
                    </div>
                    <div class="col-md-2 col-7">
                        <p>{{@$orderProducts['BuyersAddress']->address}}
                        {{@$orderProducts['buyersStates']->name}} {{@$orderProducts['buyersCities']->name}} {{@$orderProducts['BuyersAddress']->pincode}}</p>
                    </div>
                    <div class="col-md-2 col-5">
                        <h5>Declared Value</h5>
                    </div>
                    <div class="col-md-2 col-7">
                        <p>₹ {{@$orderProducts['declared_value']}}</p>
                    </div>
                </div>
            <form id="upload_claim_images" method="post" action="{{url('save-claim-data')}}" enctype="multipart/form-data">
                    @csrf
                <div class="row pt-3">
                    <div class="col-md-2 col-7">
                        <h5>Last Status</h5>
                    </div>
                    <div class="col-md-2 col-5">
                        <p>{{@$orderProducts['orderProducts']['product_status']?:'N/A'}}</p>
                    </div>
                    <div class="col-md-2 col-7">
                        <h5>Last Status Updated Branch</h5>
                    </div>
                    <div class="col-md-2 col-5">
                        <p>Noida</p>
                    </div>
                    
                       <!--  <div class="col-md-3 col-12 mt-3 mt-sm-0" id="upload-claim-file-div">
                            <h5>Attach Video/Images</h5>
                            <div class="upload-btn-wrapper mt-2">
                            
                                <button class="file-upload">
                                    Upload
                                </button>
                                   <input type="file" id="image-upload" name="image_upload[]" enctype="multipart/form-data" multiple/>
                            </div>


                        </div> -->

                        <div class="col-md-4 col-12 mt-3 mt-sm-0">
                          <h5>Attach Video/Images</h5>
                          <div class="row">
                            <div class="col-md-6">
                              <div class="upload-btn-wrapper mt-2 mb-2">
                                <button class="file-upload new-file-upload">
                                  Upload Boxing File
                                </button>
                                 <input type="file" id="image-upload" name="image_upload[]" enctype="multipart/form-data" multiple/>
                              </div>
                              <div class="new-user-img">
                                <img src="{{asset('assets/images/user-procapture.png')}}" alt="" id="boxing-image">
                              </div>
                            </div>

                            <div class="col-md-6">
                              <div class="upload-btn-wrapper mt-2 mb-2">
                                <button class="file-upload new-file-upload">
                                  Upload Unboxing file
                                </button>
                                <input type="file" id="image-upload-unboxing" name="image_upload_unboxing[]" enctype="multipart/form-data" multiple/>
                              </div>

                              <div class="new-user-img">
                                <img src="{{asset('assets/images/user-procapture.png')}}" alt="" id="image-upload-unboxing-src">
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-md-12 mt-sm-0">
                          <h5 class="heading mb-3">Lost</h5>
                        </div>

                        <div class="col-md-1">
                          <!-- <h5>{{$orderProducts['orderProducts']['sku']}}</h5> -->
                              <h5>SKU</h5>
                        </div>

                        <div class="col-md-2">
                          <p>{{@$orderProducts['orderProducts']['sku']}}</p>
                        </div>

                        <div class="col-md-2">
                          <h5>Total Quantity</h5>
                        </div>

                        <div class="col-md-1">
                          <p id="skuQuantity">{{@$orderProducts['orderProducts']['quantity']}}</p>
                        </div>

                        <div class="col-md-2">
                          <h5>Lost</h5>
                        </div>

                        <div class="col-md-2">
                          <div class="form-group custom-form-group">
                            <input class="form-control" name="loss_quantity" placeholder="" type="text" value="" onblur="skuQuantity(this)" id="enteredSkuQuantity"> 
                              @if($errors->has('loss_quantity'))
                                <div class="error">{{ $errors->first('loss_quantity') }}</div>
                                @endif
                          </div>
                        </div>
                    </div>

                    <div class="row align-items-center">
                        <div class="col-md-12  mt-3 mt-sm-0">
                            <h5 class="heading mb-3">Insurance</h5>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group custom-form-group">
                                <input class="with-gap" name="lostAmount" type="radio" id="suggestedAmountId" checked="" value="lostAmount">
                                <label for="suggestedAmountId" class="order-label">Suggested Lost Amount</label>
                            </div>
                        </div>

                        <div class="col-md-2">
                            <p>₹ {{@$orderProducts['suggestedAmount']}}</p>
                        </div>

                        <div class="col-md-3
                            <div class="form-group custom-form-group">
                                 <input class="with-gap" name="lostAmount" type="radio" id="claimAmount" value="claimAmount">
                                <label for="claimAmount" class="order-label">Claim Lost Amount</label>
                            </div>
                      

                        <div class="col-md-2 displayNone" id="claim-amount">
                            <div class="form-group custom-form-group">
                                <input class="form-control" name="claimAmountValue" placeholder="₹ 0.00"  value="" id="claimAmountValue" type="number" onblur="greaterLessValue(this)"> 
                                 @if($errors->has('claimAmountValue'))
                                <div class="error">{{ $errors->first('claimAmountValue') }}</div>
                                @endif
                            </div>
                        </div>

                    </div>
                         
                 
                    <div class="row">
                            <div class="col-md-3">
                          <div class="form-group custom-form-group">
                            <input class="with-gap" name="cof" value="non-cof" type="radio" id="non-cof" checked="">
                            <label for="non-cof" class="order-label">Insurrance Amount</label>
                          </div>
                        </div>

                        <div class="col-md-2">
                          <p>₹ 5000.00</p>
                        </div>

                        <div class="col-md-3">
                          <div class="form-group custom-form-group">
                            <input class="with-gap" name="cof" value="cof" type="radio" id="cof">
                            <label for="cof" class="order-label">COF</label>
                          </div>
                        </div>

                        <div class="col-md-3 displayNonecOF" id="cof_div_id" style="display:none;">
                          <div class="upload-btn-wrapper mb-2">
                            <button class="file-upload  new-file-upload">
                              Upload COF
                            </button>
                           <input type="file" id="cof_images" name="cof_images[]" enctype="multipart/form-data" multiple/>
                          </div>

                          <div class="new-user-img">
                            <img src="{{asset('assets/images/user-procapture.png')}}" alt="" id="cof_images_id">
                          </div>

                        </div>


                        <div class="col-md-6">
                            <div class="form-group custom-form-group">
                                <label class="form-label" for="customer">Remarks</label>
                                <textarea class="form-control" name="claim_remarks" value="{{ $orderProducts['filled_order_details']['claim_remark'] }}" placeholder="Leave a comment here" id="claim_remarks" style="height: 100px"></textarea>
                                @if($errors->has('claim_remarks'))
                                <div class="error">{{ $errors->first('claim_remarks') }}</div>
                                @endif
                            </div>
                        </div>

                        <input class="form-control" name="awbNo"   value="{{$orderProducts['orderProducts']['docket_no']}}" id="awbNo" type="hidden">

                        <input class="form-control" name="defaultClaimAmount"   value="{{@$orderProducts['declared_value']}}" id="defaultClaimAmount" type="hidden"> 

                        <div class="col-md-12">
                            <div class="mt-3">
                                <button type="submit" class="btn btn-danger">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            
        </div>
        </div>
    </div>
</section>

<style type="text/css">

    .displayNone {
        display: none;
    }

    .displayNonecOF {
        display: none;
    }

    .new-file-upload{font-size: 12px !important; padding: 6px 20px !important;}
</style>

<script type="text/javascript">

    let awbNo = 'N/A';
    let claimValueErrors = '