@extends('layouts.app')
    @section('content')

    @include('layouts.top-header', [
    'title' => __('Notification Template'),
    'class' => 'col-lg-7'
    ])

    <div class="container-fluid mt--6 mb-5">
        <div class="row">
            <div class="col">
                <div class="card">
                        <div class="card-header border-0">
                            <span class="h3">{{__('Notification Template')}}</span>
                        </div>
                    <div class="text-center col-12 notificationMsg">
                        <h4 class="mt-3 mb-3">{{__('This page of the Admin Web Panel is specifically designed for large web screens such as Desktops, Please switch over to the larger screens to see the page content')}}</h4>
                    </div>
                    <div class="row mt-3 d-none" id="notificationTemplate">
                        @php
                        $base_url = url('/');
                        @endphp
                        <div class="col-3 text-center">
                            @foreach ($templates as $key => $temp)
                            @if ($key == 0)
                            @php
                            $first = array();
                            $first = $temp;
                            @endphp
                            @endif

                            <button class="btn btn-primary w-90 mb-4" onclick="template_edit({{$temp->id}},'{{$base_url}}')">{{__($temp->title)}}</button>
                            @endforeach
                        </div>
                        <div class="col-7">
                            <form class="form-horizontal form" id="template_form" action="{{url('/admin/notification/template/update/'.$first->id)}}" method="post">
                                @csrf
                                <h4 class="card-title" id="temp_title">{{__($first->title)}}</h4>
                                <div class="form-group">
                                    <label class="form-control-label" for="subject">{{__('Subject')}}</label>
                                    <input type="text" value="{{$first->subject}}" name="subject" id="subject" class="form-control" placeholder="{{__('Subject')}}" autofocus>
                                </div>

                                <textarea class="textarea_editor form-control" rows="10" name="mail_content">{{$first->mail_content}}</textarea>

                                <div class="form-group mt-3">
                                    <label class="form-control-label" for="msg_content">{{__('Message Content')}}</label>
                                    <input type="text" value="{{$first->msg_content}}" name="msg_content" id="msg_content" class="form-control" placeholder="{{__('Message Content')}}" autofocus>
                                </div>

                                <div class="border-top">
                                    <div class="card-body text-center">
                                        <input type="submit" class="btn btn-primary rtl-float-none" value="{{__('Submit')}}">
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-2">
                            <h4 class="card-title text-center">{{__('Available placeholder')}}</h4>
                            <div class="text-center">
                                @php
                                $loop = array(
                                'UserName',
                                'OTP',
                                'AppName',
                                'NewPassword',
                                'Date',
                                'Time',
                                'BookingId',
                                'BusinessName',
                                'BookingAt',
                                'Amount',
                                'BookingStatus',
                                'EmployeeName',
                                );
                                @endphp
                                @foreach ($loop as $item)
                                <p id="mytext{{$item}}" class="display-none">&#123;&#123;{{$item}}&#125;&#125;</p>
                                <button class="btn-sm btn btn-primary mt-2 rtl-float-none" id="TextToCopy" onclick="copy_function('mytext{{$item}}')" data-toggle="tooltip" data-original-title="{{__('Click to Copy')}}">&#123;&#123;{{$item}}&#125;&#125;</button><br>
                                @endforeach
                            </div>
                            <h4 class="card-title text-center mt-5">{{__('Available image src')}}</h4>
                            <div class="text-center">
                                @php
                                $loop = array(
                                'Black Logo' => asset('storage/images/app/'.App\AdminSetting::first()->black_logo),
                                'White Logo' => asset('storage/images/app/'.App\AdminSetting::first()->white_logo),
                                'Small Icon' => asset('storage/images/app/'.App\AdminSetting::first()->favicon)
                                );
                                @endphp
                                @foreach ($loop as $key => $item)
                                <button class="btn-sm btn btn-primary mt-2 rtl-float-none" id="TextToCopy" onclick="copy_url('{{$item}}')" data-toggle="tooltip" data-original-title="{{__('Click to Copy')}}"> {{$key}} </button><br>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endsection