@extends('layouts.master')

@section('page_title', 'Add Campaign')
@section('title', 'Add Campaign')
@section('main_item', 'Campaign')
@section('sub_item', 'Add Campaign')

@section('content')

    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <form class="form-parsley" method="POST" id="campaign_form">
                    @csrf
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label style="font-weight: bold" style="font-weight: bold">Campaign Name </label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="batch_name" name="batch_name"
                                    placeholder="Campaign Name">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label style="font-weight: bold" for="ref_no" style="font-weight: bold">Campaign ID</label>
                            <input type="text" class="form-control" id="campaign_id" name="campaign_id"
                                placeholder="Keep blanck for auto genarate">
                        </div>
                        <div class="col-md-4">
                            <label style="font-weight: bold" for="description" style="font-weight: bold">Campaign Description</label>
                            <input type="text" class="form-control" id="description" name="description"
                                placeholder="description">
                        </div>
                    </div><br>
                    <div class="row">
                        <div class="col-sm-12 text-right">
                            <button type="button" class="btn btn-primary px-5 py-2" id="save_btn">Save
                            </button>
                        </div>
                </form>
            </div>
        </div>
    </div>
    </div>

@endsection
@section('scripts')
    <script>
        $(document).on('click', '#save_btn', function() {
            $.ajax({
                method: 'POST',
                url: '/order_batchs/store',
                data: $('#campaign_form').serialize(),
                success: function(res) {
                    if (res.success == 1) {
                        $.toast({
                            heading: 'Success',
                            text: res.msg,
                            position: 'top-right',
                            bgColor: '#006400',
                            showHideTransition: 'fade',
                            hideAfter: 6500,
                            loaderBg: '#ecf0f1'
                        });
                    }
                }
            })
        });
    </script>
@endsection