@extends('client')


{{--External Style Section--}}
@section('style')
    <style>
        label.active.btn.btn-default {
            color: #ffffff !important;
            background-color: #7E57C2 !important;
            border-color: #7E57C2 !important;
        }
    </style>
@endsection

@section('content')

    <section class="wrapper-bottom-sec">
        <div class="p-30">
            <h2 class="page-title">Details of Whatsapp SMS</h2>
        </div>
        <div class="p-30 p-t-none p-b-none">
            @include('notification.notify')
            <div class="row">
                <div class="col-lg-6">
                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title">Details of Whatsapp SMS</h3>
                        </div>
                        <div class="panel-body">

                            <form class="" role="form" method="post" action="{{url('whatsapp/user/update/message/'.$msgDetails['id'])}}" enctype="multipart/form-data">
                                {{ csrf_field() }}

                                <div class="form-group">
                                    <label>Device Id</label>
                                    <input type="text" class="form-control" value="@if($client_device!='') {{$client_device->device_id}} @endif" name="device" readonly>
                                </div>

                                <div class="form-group">
                                    <label>Message</label>
                                    <textarea class="form-control" name="message" rows="5" id="message" style="resize: none;" required>{{$msgDetails['message']}}</textarea>
                                    {{--                                    <span class="help text-uppercase" id="remaining">3000 {{language_data('characters remaining')}}</span>--}}
                                    {{--                                    <span class="help text-success" id="messages">1 {{language_data('message')}} (s)</span>--}}
                                </div>

                                <div class="form-group">
                                    <label>Phone</label>
                                    <input type="text" class="form-control" value="{{$msgDetails['phone']}}" name="phone"  placeholder="Your phone number with country code">
                                </div>

                                <div class="form-group">
                                    <label>Reference</label><span style="color: #2ab27b;"> <small>Only fill if you want to send an update message.</small></span>
                                    <input type="text" class="form-control" value="" placeholder="e.g. my-custom-id" name="reference" required>
                                </div>

                                <button type="submit" class="btn btn-success btn-sm"><i class="fa fa-send"></i> Update </button>
                            </form>

                        </div>
                    </div>
                </div>

            </div>

        </div>
    </section>

@endsection

{{--External Style Section--}}
@section('script')
    {!! Html::script("assets/libs/handlebars/handlebars.runtime.min.js")!!}
    {!! Html::script("assets/js/form-elements-page.js")!!}

    <script>
        $(document).ready(function () {
            //fileUploadVisibility();
        });
        // function fileUploadVisibility(){
        //
        //     var messageTypeValue= $("#message_type").val();
        //     // console.log(messageTypeValue);
        //     if(messageTypeValue=="plain"){
        //         $( "#file-upload" ).hide();
        //     }else{
        //         $( "#file-upload" ).show();
        //     }
        // }
    </script>
@endsection