@extends('admin.layout.master')
@section('content')
<div class='bg-white p-2 rounded '>
    <div class="row justify-content-between p-3 rounded m-2  bg-light">
        <div class="col-12 col-md-6 align-self-center">
            <a class='text-decoration-none fw-bold text-dark breadc' href="">
                SMS Templates / Edit SMS Template - Name
            </a>
        </div>
    </div>
</div>
<div class="container  rounded border">
    <div class="row p-3 ">
        <div class="col-md-9 pe-lg-5">
            <form>
                <div class="mb-3 col-md-4">
                    <select id=" Select" class="form-select rounded-pill orange cat">
                        <option>English</option>
                        <option>Arabic</option>
                    </select>
                </div>
                <div class="mb-3 position-relative">
                    <label class="label label" for="editor">Description</label>
                    <textarea class="form-control bg-light_c border-0 rounded cat" rows="12">Type here</textarea>
                    <div class="position-absolute bottom-0 p-3">
                        <button class="btn btn-info rounded-pill col-upload border-0" style=' background-color: transparent;'>
                            <i class="bi bi-emoji-smile-fill"></i>
                            Emoji
                        </button>
                    </div>
                </div>
                <div class='d-flixs'>
                    <button type="submit" class="btn btn-warning col-bt rounded-pill mb-4 mt-2 text-white">Update</button>
                </div>
            </form>
        </div>
        <div class="col-md-3 bg-light_c p-3 rounded  g-2">
            <div class="container ">
                <i class="bi bi-question-circle-fill" style="font-size: 20px; padding-top:10px;"></i>
                <p class='fw-bold text-dark mt-2'>Title</p>
                <p class='font_side'>
                    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                    Ut arcu libero, pulvinar non massa sed,Pellentesque habitant morbi tristique senectus et netus et malesuada
                    fames ac turpis egestas. Ut arcu libero, pulvinar non massa sed, Pellentesque habitant morbi tristique senectus et
                    netus et malesuada fames ac turpis egestas. Ut arcu libero, pulvinar non massa sed,
                </p>
            </div>
        </div>
    </div>
</div>

@endsection