@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.home') => '/',
            __('breadcrumb.representatives') => '#',
            __('breadcrumb.shipments') => '#',
            __('breadcrumb.edit_shipment_data') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'representatives.shipment-bonds'])
@endsection

@section('content')
    <div class="position-relative">
        <x-tenant.shared.backward-component :direct-to=" __('breadcrumb.shipments')" link="/representatives/shipment-bonds" />

        <update-shipment-bond data="{{ json_encode($data) }}"></update-shipment-bond>
    </div>
@endsection

@push('script')
    @scriptag('build/js/vue-components/update-shipment-bond.js')
@endpush