@extends('layouts.base_portal')
@section('inner_content')
   <div class="row">
       <div class="col">
            <div class="row">
                <div class="col-12 col-md-3 ">
                    <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
                        <div class="col no-padding">
                            <h6>Parcel in Warehouse</h6>
                        </div>
                    </div>
                    <list-component section="warehouseListSection" :endpoint="route('api.packing_list.list')" :options="{packing_list_type: 1, per_page: 5, claimant_id : {{$id}}, order_by: {column: 'arrival_date', DESC: true}, with_arrival_date: true}">
                        <template slot="list" slot-scope="{data}">
                            <parcel-component v-for="packages in data.packages" :data="packages" :key="packages.id"></parcel-component>
                        </template>
                    </list-component>
                </div>
                <div class="col-12 col-md">
                    <warehouse-section-component :data="{{$id}}"></warehouse-section-component>
                </div>
            </div>

            <!-- <div class="row">
                <div class="col">
                    <warehouse-details-section-component :company__id={{$id}}></customer-profile-section-component>
                </div>
            </div> -->

            <!-- <div class="row">
                <div class="col">
                    <div class="row m-b-50">
                        <div class="col">
                            <monthly-sales-report-section-component></monthly-sales-report-section-component>
                        </div>
                    </div>
                    <div class="row m-b-50">
                        <div class="col">
                            <service-report-section-component></service-report-section-component>
                        </div>
                    </div>
                </div>
            </div> -->
       </div>
   </div>
@endsection