{extends file="$layouts_admin"}

{block name="content"}
    <div class="row">
        <div class="col-md-12">
            <div class="panel">

                <div class="panel-container">
                    <div class="panel-content">
                        <h3 style="color: #2f96f3;">{$_L['Order']} # {$order->id}</h3>
                        <hr>
                        {if has_access($user->roleid,'orders','edit')}
                            <a href="javascript:;" onclick="confirmThenGoToUrl(event,'orders/set/{$order->id}/Active/');" class="btn btn-primary">  {$_L['Accept']} </a>
                            <a href="javascript:;" onclick="confirmThenGoToUrl(event,'orders/set/{$order->id}/Pending/');"  class="btn btn-warning">  {$_L['Pending']} </a>
                            <a href="javascript:;" onclick="confirmThenGoToUrl(event,'orders/set/{$order->id}/Cancelled/');" class="btn btn-info"> {$_L['Cancel']} </a>
                        {/if}


                        {if has_access($user->roleid,'orders','delete')}
                            <a href="javascript:;" onclick="confirmThenGoToUrl(event,'delete/order/{$order->id}/');" class="btn btn-danger">  {$_L['Delete']} </a>
                        {/if}
                        <hr>
                        <h4>{$_L['Available Module for this Order']}</h4>

                        <a href="{$_url}orders/module/{$order->id}/" onclick="confirmThenGoToUrl(event,'orders/set/{$order->id}/Active/');" class="btn btn-info">  {$_L['Default']} </a>

                        <hr>




                        <div class="row">
                            <div class="col-md-4">
                                <div class="well">
                                    <h4>{$_L['Order Number']} - {$order->ordernum}</h4>
                                    <p><strong>{$_L['Customer']}: </strong> {$order->cname}</p>
                                    <p><strong>{$_L['Product_Service']}: </strong> {$order->stitle}</p>
                                    <p><strong>{$_L['Amount']}: </strong> <span class="amount">{$order->amount}</span> </p>
                                    <p><strong>{$_L['Date']}: </strong>{date( $config['df'], strtotime($order->date_added))}</p>
                                    <p><strong>{$_L['Status']}: </strong>

                                        {if $order->status eq 'Active'}
                                            <span class="label label-success">{ib_lan_get_line($_L[$order->status])}</span>
                                        {else}
                                            <span class="label label-danger">{ib_lan_get_line($_L[$order->status])}</span>
                                        {/if}
                                    </p>
                                    {if $order->iid neq '0'}
                                        <p><strong>{$_L['Invoice']}: </strong> <a href="{$_url}invoices/view/{$order->iid}/">{Invoice::getInvoiceNumberById($order->iid)}</a> </p>
                                    {/if}



                                </div>
                            </div>
                            <div class="col-md-8">

                                <h4>{$_L['Activation Message']}</h4>
                                <hr>
                                <form method="post" id="ib_form">
                                    <div class="mb-3">
                                        <label for="activation_subject">{$_L['Subject']}</label>
                                        <input type="text" class="form-control" id="activation_subject" name="activation_subject" value="{$order->activation_subject}">
                                    </div>
                                    <div class="mb-3">
                                        <label for="activation_message">{$_L['Message']}</label>
                                        <textarea class="form-control" id="activation_message" name="activation_message" rows="3">{$order->activation_message}</textarea>
                                    </div>

                                    <input type="hidden" name="oid" id="oid" value="{$order->id}">

                                    <button type="submit" id="btn_activation_message_save" class="btn btn-primary"><i class="fal fa-check"></i> {$_L['Save']}</button>
                                    <button type="submit" id="btn_activation_message_send" class="btn btn-danger"><i class="fal fa-send"></i> {$_L['Send']}</button>

                                </form>


                            </div>
                        </div>

                    </div>



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



    </div>
{/block}

{block name="script"}
    <script src="{APP_URL}/ui/lib/tinymce/tinymce.min.js" referrerpolicy="origin"></script>
    <script>
        var _url = base_url;


        tinymce.init({
            selector: '#activation_message',
            // language: ib_lang,
            relative_urls: false,
            remove_script_host: false,
            removed_menuitems: 'newdocument',
            forced_root_block : false,
            fontsize_formats: '8pt 10pt 12pt 14pt 18pt 24pt 36pt',
            setup: function(ed) {
                ed.on('init', function() {
                    this.getDoc().body.style.fontSize = '14px';
                });
            },
            table_default_styles: {
                width: '100%'
            },

            toolbar: 'code | styles | bold italic underline strikethrough fontsize | numlist bullist link image table | alignleft aligncenter alignright alignjustify | outdent indent',
            license_key: 'gpl',
            branding: false,
            promotion: false,
            menubar: false,
        });

        var $btn_activation_message_save = $("#btn_activation_message_save");
        var $btn_activation_message_send = $("#btn_activation_message_send");
        var $ib_form = $("#ib_form");

        $btn_activation_message_save.on('click', function(e) {
            e.preventDefault();

            $ib_form.block({ message: block_msg });
            $.post( _url + "orders/save_activation/", {

                oid: $('#oid').val(),
                activation_subject: $('#activation_subject').val(),
                activation_message: tinyMCE.activeEditor.getContent(),
                send_email: 'no'

            })
                .done(function( data ) {

                    $ib_form.unblock();

                    if ($.isNumeric(data)) {

                        toastr.success('{__('Data Updated')}');

                    }

                    else {
                        toastr.error(data);
                    }

                });

        });



        $btn_activation_message_send.on('click', function(e) {
            e.preventDefault();

            $ib_form.block({ message: block_msg });
            $.post( _url + "orders/save_activation/", {

                oid: $('#oid').val(),
                activation_subject: $('#activation_subject').val(),
                activation_message: tinyMCE.activeEditor.getContent(),
                send_email: 'yes'

            })
                .done(function( data ) {

                    $ib_form.unblock();

                    if ($.isNumeric(data)) {

                        toastr.success('{__('Email Sent')}');

                    }

                    else {
                        toastr.error(data);
                    }

                });

        });
    </script>
{/block}
