@extends('client.layouts.client')
@section('title', 'Đơn hàng số lượng lớn')
@section('content')
<div class="row">
   <div class="col-md-12">
      <div class="card">
         <div class="card-header">
            <div class="ribbon ribbon-primary ribbon-clip">ĐẶT ĐƠN SỐ LƯỢNG LỚN</div>
         </div>
         <div class="card-body">
            <form action="{{ route('api.v2.create.order') }}" method="POST" hwandy-request="order">
               <div class="mb-3">
                 
                  <textarea class="form-control txa-bulk-order" rows="15" name="massorder" placeholder="Service ID | Link Order | Quantity
ID Dịch Vụ | Đường Dẫn Lên Đơn | Số lượng cần lên
Ví Dụ: 111 |https://www.facebook.com/|100">
</textarea>
               </div>
               <div class="mb-0">
                  <button type="submit" class="btn btn-primary" data-lang="">Đặt hàng</button>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>
@endsection
@section('script')
<script src="{{ asset('hwandy/service.js?time=') }}{{ time() }}"></script>
<script>
$('form[hwandy-request="order"]').on('submit', function (e) {
    e.preventDefault(); 
    const form = $(this);
    const url = form.attr('action');
    const method = form.attr('method');
    const data = form.serialize();
    const btn = form.find('button[type="submit"]');
    const btnText = btn.html();

    $.ajax({
        url: url,
        method: method,
        headers: {
            'X-ACCESS-TOKEN': $('meta[name="access-token"]').attr('content')
        },
        data: data,
        dataType: 'json',
        beforeSend: function () {
            btn.html('<i class="fas fa-spinner fa-spin"></i>&ensp;Đang xử lý').attr('disabled', true);
        },
        success: function (response) {
            if (response.code === '200' && response.status === 'success') {
                Swal.fire({
                    icon: 'success',
                    title: "Thông báo",
                    text: response.message,
                    showCancelButton: true, 
                    confirmButtonText: "Tải lại trang", 
                    cancelButtonText: "Đặt tiếp", 
                    customClass: {
                        confirmButton: 'btn btn-lamtilo_success btn-success',
                        cancelButton: 'btn btn-lamtilo_cancel btn-secondary' 
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        window.location.reload(); 
                    } else if (result.dismiss === Swal.DismissReason.cancel) {
                        console.log("Đặt tiếp, không reload trang!");
                    }
                });
            } else {
                swal(response.message, 'error');
            }
        },
        error: function (xhr) {
            swal(xhr.responseJSON.message, 'error');
        },
        complete: function () {
            btn.html(btnText).attr('disabled', false);
        }
    });
});
</script>
@endsection