@extends('layouts.app')

@section('title', 'Create SMS Template')

@section('content')
    <x-content-body>

        <x-breadcrumbs :breadcrumbs="$breadcrumbs" />

        <x-row-card>
            <x-slot:title>
                <h4 class="card-title">Create SMS Template</h4>
            </x-slot:title>


            <div class="basic-form">
                <form id="create-e-blast-form">
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label class="form-label"> Name<span class="text-danger"> *
                                </span></label>
                            <input type="text" class="form-control form-control-sm" name="name">
                        </div>

                        <div class="mb-3 col-md-6">
                            <label class="form-label"> Category<span class="text-danger"> *
                                </span></label>
                            <select class="multi-select form-control form-control-sm" name="category" id="category">
                                <option selected disabled> Select Category</option>
                                <option>category 1</option>
                                <option>category 2</option>
                                <option>category 3</option>
                                <option>category 4</option>
                            </select>
                        </div>
                        <div class="mb-3 col-md-12">
                            <label class="form-label"> Description<span class="text-danger"> *
                                </span></label>
                            <div id="ckeditor" name="description"></div>
                        </div>
                    </div>


                    <div class="row d-flex justify-content-end">

                        <div class="input-group me-1 w-25">
                            <input type="text" class="form-control form-control-sm"
                                placeholder="Enter Test Number 345 678 345">
                            <button type="button" class="input-group-text btn btn-primary btn-sm">Send
                                Test
                                SMS</button>
                        </div>

                        <button type="submit" class="btn btn-primary btn-sm w-auto">Add</button>
                    </div>
            </div>
            </form>

        </x-row-card>

    </x-content-body>
@endsection