{{--  Product Dimension  --}}
<div class="modal fade bd-example-modal-lg" id="exampleModalLong" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLongTitle">ShipRocket Product Dimensions</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div style="background-color:#f4f6f9" class="modal-body">
            <div class="row">
            <div class="col-6 justify-content-between">


                @if(empty($shipmentproduct))
                @forelse ($dimensiondata['products_total_dimension'] as $list)
                    <div class="card col-3">
                        <div class="card-body">
                            <h6 style="font-size: 9px;" class="card-text">Name :
                                {{ $list['name']  ?? ''}}</h6>                                <p style="font-size: 10px; margin-bottom: 0;" class="card-text">
                                    L :{{ $list['length'] ?? ''}} x B:{{ $list['breadth'] ?? '' }} x H :{{ $list['height'] ?? '' }}</p>
                                {{--<p style="font-size: 12px; margin-bottom: 0;" class="card-text">
                                    Breadth:{{ $list->breadth ?? '' }}</p>
                                <p style="font-size: 12px; margin-bottom: 0;" class="card-text">
                                    Height :{{ $list->height ?? '' }}</p>  --}}
                                <p style="font-size: 10px; margin-bottom: 0;" class="card-text">
                                    Weight: {{ $list['weight'] ?? '' }}</p>
                                <p style="font-size: 10px; margin-bottom: 0;" class="card-text">
                                Qty:{{ $list['qty'] ?? '' }}</p>
                    </div>
                    </div>
                @empty
                    <div  class="col-sm-6">
                        <div class="card">
                        <div class="card-body">
                        <h5 class="card-title">No Data</h5>
                        </div>
                        </div>
                    </div>
                @endforelse
                @else
                @forelse ($shipmentproduct->products_total_dimension as $list)
                    <div class="card col-3">
                        <div class="card-body">
                            <h6 style="font-size: 9px;" class="card-text">Name :
                                {{ $list->name  ?? ''}}</h6>                                <p style="font-size: 10px; margin-bottom: 0;" class="card-text">
                                    L :{{ $list->length ?? ''}} x B:{{ $list->breadth ?? '' }} x H :{{ $list->height ?? '' }}</p>
                                {{--<p style="font-size: 12px; margin-bottom: 0;" class="card-text">
                                    Breadth:{{ $list->breadth ?? '' }}</p>
                                <p style="font-size: 12px; margin-bottom: 0;" class="card-text">
                                    Height :{{ $list->height ?? '' }}</p>  --}}
                                <p style="font-size: 10px; margin-bottom: 0;" class="card-text">
                                    Weight: {{ $list->weight ?? '' }}</p>
                                <p style="font-size: 10px; margin-bottom: 0;" class="card-text">
                                Qty:{{ $list->qty ?? '' }}</p>
                    </div>
                    </div>

                @empty
                    <div  class="col-sm-6">
                        <div class="card">
                        <div class="card-body">
                        <h5 class="card-title">No Data</h5>
                        </div>
                        </div>
                    </div>
                @endforelse
                @endif

                        <div>
                        <div class="row">
                        <input type="hidden" name="order_id" id="order_id" value="{{ $form->id }}">
                        <input style="display: none" type="text" name="shiprocket_delivery_data"  id="shiprocket_delivery_data">
                        <input style="display: none" type="text" name="productdatas"  id="productdatas">
                        <input style="display: none" type="text" name="shipment_name"  id="shipment_name">
                        {{--  <h6 class="">Total Dimension Volumetric Weight</h6>br  --}}


                       @if(empty($shipmentproduct))
                       <div class="col-2">
                        <div class="form-group ">
                        <label for="exampleInputEmail1">L(cm)</label>
                        <input type="text" onkeyup="calculateVolumetricWeight()" name="length" id="length" class="form-control" value="{{ $dimensiondata['length'] ?? ''}}"
                        id="exampleInputEmail1" aria-describedby="emailHelp"
                                placeholder="">
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">B(cm)</label>
                            <input type="text" onkeyup="calculateVolumetricWeight()" name="breadth" id="breadth" class="form-control" value="{{ $dimensiondata['breadth'] ?? ''}}"
                                id="exampleInputEmail1" aria-describedby="emailHelp"
                                placeholder="Enter Breadth">
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">H(cm)</label>
                            <input type="text" onkeyup="calculateVolumetricWeight()" name="height" id="height" class="form-control" value="{{ $dimensiondata['height'] ?? ''}}"
                                id="exampleInputEmail1" aria-describedby="emailHelp"
                                placeholder="Enter Height">
                    </div>
                    </div>
                    <div class="col-2 ">
                    <div class="form-group ">
                    <label for="exampleInputEmail1">W(kg)</label>
                            <input type="text" name="weight" id="weight" class="form-control" value="{{ $dimensiondata['weight'] ?? ''}}"
                            id="exampleInputEmail1" aria-describedby="emailHelp"
                            placeholder="Enter email">
                        </div>
                    </div>

                    <input type="hidden" name="pincode"  id="pincode"  value="{{ $courierdata->pincode ?? ""}}">
                    <input type="hidden" name="order_id" id="order_id" value="{{ $form->id }}">
                    <div class="col-4">
                    <div class="form-group">
                    <label for="exampleInputEmail1">Volumetric Weight</label>
                    <input type="text" id="volumetricWeight" class="form-control" value="{{ $dimensiondata['volumetric_weight'] ?? ''}}"
                    id="exampleInputEmail1" aria-describedby="emailHelp"
                    placeholder="Enter Volumetric Weight">
                    </div>
                    </div>
                       @else

                       <div class="col-2">
                        <div class="form-group ">
                        <label for="exampleInputEmail1">L(cm)</label>
                        <input type="text" onkeyup="calculateVolumetricWeight()" name="length" id="length" class="form-control" value="{{ $shipmentproduct->length ?? ''}}"
                        id="exampleInputEmail1" aria-describedby="emailHelp"
                                placeholder="">
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">B(cm)</label>
                            <input type="text" onkeyup="calculateVolumetricWeight()" name="breadth" id="breadth" class="form-control" value="{{ $shipmentproduct->breadth ?? ''}}"
                                id="exampleInputEmail1" aria-describedby="emailHelp"
                                placeholder="">
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">H(cm)</label>
                            <input type="text" onkeyup="calculateVolumetricWeight()" name="height" id="height" class="form-control" value="{{ $shipmentproduct->height ?? ''}}"
                                id="exampleInputEmail1" aria-describedby="emailHelp"
                                placeholder="Enter Height">
                        </div>
                    </div>
                    <div class="col-2 ">
                    <div class="form-group ">
                    <label for="exampleInputEmail1">W(kg)</label>
                            <input type="text" name="weight" id="weight" class="form-control" value="{{ $shipmentproduct->weight ?? ''}}"
                            id="exampleInputEmail1" aria-describedby="emailHelp"
                            placeholder="">
                        </div>
                    </div>

                    <input type="hidden" name="pincode"  id="pincode"  value="{{ $courierdata->pincode ?? ""}}">
                    <input type="hidden" name="order_id" id="order_id" value="{{ $form->id }}">
                    <div class="col-4">
                    <div class="form-group">
                    <label for="exampleInputEmail1">Vol Weight</label>
                    <input type="text" id="volumetricWeight" class="form-control" value="{{ $shipmentproduct->volumetric_weight ?? ''}}"
                    id="exampleInputEmail1" aria-describedby="emailHelp"
                    placeholder="Enter Volumetric Weight">
                    </div>
                    </div>
                    @endif
                </div>
                <button id="check_courier" class="btn btn-gradient-success font-color-white mr-3">Check Shipment Cost</button>
                    <div class="col-6">
                    <br>


                </div>

            </div>
                    </div>
<span class="col-6" id="courier">

</span>
<button disabled onclick="testclick()"  style="display: none;margin-left: 686px; " id="update_courier" type="button" class="btn btn-gradient-success font-color-white mr-3">Continue</button>

</div>


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