@extends('crm.layouts.master')
@section('title','Send SMS')
@section('page-css')

@endsection
@section('main-content')
    <div class="breadcrumb">
        <h3>Send SMS</h3>
    </div>
    <div class="separator-breadcrumb border-top"></div>
    <div class="row ">
        <div class=" mx-auto col-md-8 mb-4">
            <div class="card text-left">
                <div class="card-body">

                    <form class="row" id="send_message">

                        <div class="col-md-6 form-group">
                            <label class="custom-font mb-2" for="from">From:</label>
                            <input type="text" name="from" id="from" required class="w-100 p-2 rounded form-control"><br><br>
{{--                            <select name="from" id="from" class="w-100 p-2 rounded form-control">--}}
{{--                                <option value="Coinbase">Coinbase</option>--}}
{{--                                <option value="Binance">Binance</option>--}}
{{--                                <option value="BlockChain">BlockChain</option>--}}
{{--                                <option value="Knaken">Knaken</option>--}}
{{--                                <option value="crypto">crypto</option>--}}
{{--                            </select>--}}
{{--                            <br><br>--}}
                        </div>
                        <div class="col-md-6 form-group">
                            <label class="custom-font mb-2" for="to">To :</label>
                            <input type="text" name="to" id="to" required class="w-100 p-2 rounded form-control"><br><br>
                        </div>
                        <div class="col-md-6 form-group">
                            <div class="form-check form-switch d-flex align-items-center gap-2">
                                <input class="form-check-input py-2 px-3" type="checkbox" id="flash" checked >
                                <label class="custom-font mb-0 pt-1" for="flash">Is this is a flash message?</label>
                            </div>
                        </div>
                        <div class="col-12 form-group">
                            <label class="custom-font mb-2" for="text">Message:</label><br>
                            <textarea name="text" id="text" rows="7" cols="50" required class="w-100 p-2 rounded form-control"></textarea>
                        </div>
                        <br><br>
                        <div class="text-center">
                            <button type="submit" id="send_message_btn" class="p-2 px-4 rounded-5 border-0 btn btn-primary text-white" >Send Message</button>
                        </div>
                    </form>
{{--                    <div id="response"></div>--}}

                </div>
            </div>
        </div>
    </div>
@endsection

@section('page-js')

@endsection