@extends('admin.layout.master')
@section('content')


<div class='bg-white rounded'>
    <div class="nav-scroller">
        <nav class="nav">
            <li class="nav-item d-flex align-items-center">
                <a class='nav-link fw-bold text-primary' href="{{url('/home')}}">{{trans('project.home')}}</a>
                <span class="bi bi-caret-right"></span>
                <a class='text-decoration-none fw-bold theme_link_color' href="{{url('/sms_template')}}">{{trans('admin.sms_templates')}}  </a> <span class="bi bi-caret-right-fill theme_text_color"></span>
                <a class='text-decoration-none fw-bold theme_link_color' href="{{url('/sms_template')}}">{{trans('admin.edit_sms_templates')}}  </a> <span class="bi bi-caret-right theme_text_color"></span>
                 <span class='text-decoration-none fw-bold theme_text_color' >{{$post->name}}</span>
            </li>
        </nav>
    </div>
  </div>


<div class="container-fluid rounded border">
    <div class="row p-3 ">
    	<div class="col-12">
            @if(session()->has('success'))
                <div class="bg-success p-2 mt-4 rounded text-white">
                    <span class="input-error">{{ session()->get('success') }}</span>
                </div>
            @elseif(session()->has('error'))
                <div class="bg-danger p-2 mt-4 rounded text-white">
                    <span class="input-error">{{ session()->get('error') }}</span>
                </div>
            @endif
            <!-- @if ($errors->any())
                <div class="bg-danger p-2 mt-4 rounded text-white">
                    @foreach ($errors->all() as $message)
                        <span class="input-error">{{ $message }}</span><br>
                    @endforeach
                </div>
            @endif -->
        </div>
        <div class="col-md-9 pe-lg-5">
            <form action="{{route('update_temp')}}" method="post">
            	<input type="hidden" name="_token" value="{{ csrf_token() }}" />
                <input type="hidden" name="id" id="id" value="{{$post->id}}">
            	<div class="mb-3">
                    <label for="name" class="form-label">{{ trans('admin.name')}}</label>
                    <input type="text" class="form-control rounded-pill bg-light_c border-0 @error('name') is-invalid @enderror" id="name" name="name" placeholder="{{ trans('admin.name')}}" aria-describedby="emailHelp" value="{{$post->name}}" readonly>
                    @error('name')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3">
                    <label for="title" class="form-label">{{ trans('admin.title')}}</label>
                    <input type="text" class="form-control  rounded-pill bg-light_c border-0 @error('title') is-invalid @enderror" id="title" name="title" aria-describedby="emailHelp" placeholder="{{ trans('admin.title')}}" value="{{$post->title}}">
                    @error('title')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3 position-relative">
                    <label class="label label" for="text">{{ trans('admin.description')}}</label>
                    <textarea id="text" name="text" class="form-control bg-light_c border-0 rounded cat @error('text') is-invalid @enderror" rows="12" placeholder="{{ trans('admin.type_here')}}">{{$post->text}}</textarea>
                    @error('text')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                    <!-- <div class="position-absolute bottom-0 p-3">
                        <button type="button" class="btn btn-info rounded-pill col-upload border-0 epicker" data-type='picker' 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">{{trans('admin.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'>{{ trans('admin.parameters') }}</p>
                <p class='font_side'>{{ trans('admin.add_parameters_like_this') }}</p>
                <p>{{$post->params}}</p>
            </div>
        </div>
    </div>
</div>

<script>
// click indirectly on default emoji picker
$(".epicker").click(function(){
    $('.emoji-picker').click();
});
</script>
<link href="{{ asset('assets/plugins/emoji-picker/lib/css/emoji.css') }}" rel="stylesheet">
<script src="{{ asset('assets/plugins/emoji-picker/lib/js/config.js') }}"></script>
<script src="{{ asset('assets/plugins/emoji-picker/lib/js/util.js') }}"></script>
<script src="{{ asset('assets/plugins/emoji-picker/lib/js/jquery.emojiarea.js') }}"></script>
<script src="{{ asset('assets/plugins/emoji-picker/lib/js/emoji-picker.js') }}"></script>

<script>
$(function () {
    // Initializes and creates emoji set from sprite sheet
    window.emojiPicker = new EmojiPicker({
        emojiable_selector: '[data-emojiable=true]',
        assetsPath: '{{ asset("assets/plugins/emoji-picker/lib/img/") }}',
        popupButtonClasses: ''
    });
    window.emojiPicker.discover();
});
</script>
@endsection