@extends('crm.layouts.master')
@section('title','SMS Gateway')
@section('page-css')
@endsection
@section('main-content')
    <div class="breadcrumb">
        <h3>SMS Gateway</h3>
    </div>
    <div class="separator-breadcrumb border-top"></div>
    <div class="row pt-4">
        <div class="card table-overflow">
            <div class="card-body m-auto col-md-6">
                <h3 class="text-center mt-2">Send Message</h3>
                <form id="send_message">
                    <label class="custom-font mb-2" for="from">From:</label>
                    <input type="text" name="from" id="from" required class="w-100 p-2 rounded"><br><br>
                    <label class="custom-font mb-2" for="to">To :</label>
                    <input type="text" name="to" id="to" required class="w-100 p-2 rounded"><br><br>
                    <div class="form-check form-switch">
                        <input class="form-check-input py-2 px-3" type="checkbox" name="flash" id="flash" checked>
                        <label class="custom-font mb-2" for="flash">Flash Message?</label>
                    </div>
                    <label class="custom-font mb-2" for="text">Message:</label><br>
                    <textarea name="text" id="text" rows="4" cols="50" required class="w-100 p-2 rounded"></textarea>
                    <br><br>
                    <div class="text-center">
                        <button type="submit" id="send_message_btn"
                                class="p-2 px-4 rounded-5 border-0 btn btn-dark text-white">Send Message
                        </button>
                    </div>
                </form>
                <div id="response"></div>
            </div>
        </div>
    </div>

@endsection
@section('page-js')

@endsection