@extends('layouts.modals.modal-base.index')
@section('title','Select Courier Service')
@section('modal-class','modal-md')
@section('content')
    <!--begin:Form-->
    <form id="kt_modal_new_target_form" class="form select-courier-form" action="{{url('seller/onboardings')}}" method="POST">
        @csrf

        <input type="hidden" name="orderId" value="{{ $orderId }}"/>
        <!--begin::Row-->
        <div class="row p-3">
            <!--begin::Col-->
            <div class="col-4">
                <label class="form-check-clip text-center">
                    <input class="btn-check" type="radio" value="royalMail" checked name="service"/>
                    <div class="form-check-wrapper">
                        <div class="form-check-indicator"></div>
                        <img class="form-check-content" src="{{asset('assets/media/stock/600x400/img-84.png')}}"/>
                    </div>
                </label>
            </div>
            <!--end::Col-->

            <!--begin::Col-->
            <div class="col-4">
                <label class="form-check-clip text-center">
                    <input class="btn-check" type="radio" value="hermes" name="service"/>
                    <div class="form-check-wrapper">
                        <div class="form-check-indicator"></div>
                        <img class="form-check-content" src="{{asset('assets/media/stock/600x400/img-85.png')}}"/>
                    </div>
                </label>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->

        <div class="text-center">
            <button type="button" data-bs-dismiss="modal" class="btn btn-light me-3">
                Cancel
            </button>
            <button type="submit" id="kt_modal_new_target_submit" class="btn btn-primary create-shipment-btn">
                <span class="indicator-label">Create Shipment</span>
                <span class="indicator-progress">Please wait...
    <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
            </button>
        </div>


    </form>
    <!--end:Form-->
@endsection