@extends('layouts.app')

@section('content')

<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
            <ul>

                <li><a class="breadcrumb_link" href="{{route('admin.settings.index')}}">Settings</a></li>
                <li><a href="#">Email Settings</a></li>

            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>

    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="row">
            <div class="col-md-12">

                <div class="portlet setting_landing">
                    <!-- MAIN CAPTION START -->
                    <div class="portlet-title" style="border-bottom: 0">
                        <div class="caption">
                            <h2>Email Settings
                                <span>Set a default message which you can customize when you email an invoice, statement or other document.</span>
                            </h2>
                        </div>
                        <div class="actions btn-set" style="background: #fff;  position: fixed;right: 17px;z-index: 1;">

                        </div>
                    </div>
                    <!-- MAIN CAPTION END -->
                    <hr>

                    <!-- MAIN CONTENT START -->
                    <div class="portlet-body">
                        <div class="settings">
                            <form class="form-horizontal form-row-seperated" action="{{route("admin.email-settings.store")}}" method="POST" id="email_settings">
                                @csrf
                                <!--------------------------------------1ST ROW --------------------------------------->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                            <span class="main_title">Email Addresses</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row each_row">
                                    <div class="col-md-12">
                                        <div class="col-md-5">
                                            <span class="sub_heading">
                                                Email sender address, You can select logged in<br>
                                                users email or any email address of your choice</span>
                                        </div>
                                        <div class="col-md-6 sender_emailbox">
                                            <div class="input_row">
                                                <label class="col-md-3 label_left pl_pr_0">
                                                    Sender Email
                                                </label>
                                                <div class="col-md-9 pr_0">
                                                    <input type="text" class="form-control custom_input validate template_names" name="sender_email" value="{{($business_mail) ? $business_mail->email : ''}}" placeholder="Enter a sender email" readonly="" autocomplete="off">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-5">
                                        </div>
                                        <div class="col-md-6">
                                            <div class="input_row">
                                                <label class="col-md-3 label_left pl_pr_0">
                                                    Copy to
                                                </label>
                                                <div class="col-md-9 pr_0">
                                                    <input type="text" class="form-control custom_input template_names" name="copy_to" value="" placeholder="Multiple accounts can be used, seperated by comma" autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>

                                <!--------------------------------------1ST ROW --------------------------------------->

                                <!--------------------------------------2ND SECTION --------------------------------------->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                            <span class="main_title">EMAIL TEXT BODY</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row each_row">
                                    <div class="col-md-12">
                                        <div class="col-md-4 left_side_email_caption">
                                            <span class="sub_heading">
                                                A standard  and unique email content for each document you sent.
                                            </span>
                                            <div class="sideByside_content">
                                                <span class="info_text_side">Where is this message used?</span>
                                                <span class="sub_heading">
                                                    When you email a document from Salesoft Resto, <br>
                                                    we'll put this text in the Message field. You can <br>
                                                    then customize it before sending it to the <br>
                                                    customer.
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-md-1"></div>


                                        <div class="col-md-6 tab_area">
                                            <div class="tabbable-line">
                                                <ul class="nav nav-tabs">
                                                    <li class="active">
                                                        <a href="#sales_inv" data-toggle="tab">
                                                            Sales Invoice
                                                        </a>
                                                    </li>
                                                    <li class="">
                                                        <a href="#purchase" data-toggle="tab">
                                                            Purchase Invoice
                                                        </a>
                                                    </li>
                                                    <li class="">
                                                        <a href="#pay" data-toggle="tab">
                                                            Pay Slip
                                                        </a>
                                                    </li>
                                                    <li class="">
                                                        <a href="#processing" data-toggle="tab">
                                                            WPS Processing
                                                        </a>
                                                    </li>
                                                    <li class="">
                                                        <a href="#reports" data-toggle="tab">
                                                            Daily Reports
                                                        </a>
                                                    </li>
                                                    <li class="">
                                                        <a href="#member" data-toggle="tab">
                                                            Member Invoice
                                                        </a>
                                                    </li>
                                                </ul>
                                                <form method="post" id="templates_body" action="" enctype="multipart/form-data">
                                                    <div class="tab-content">
                                                        <!--============_ EDITOR EMAIL _============-->
                                                        <div class="tab-pane active" id="sales_inv">
                                                            <div class="wrap_editor">

                                                                <textarea id="editor1" name="email_body" rows="13" class="form-control" placeholder="Write your message..">{{(isset($email_setings->email_sales_body)) ? $email_setings->email_sales_body : ''}}</textarea>

<!--                                                                <span class="letter_count">You have used <strong>0</strong> of 4000 characters.</span>-->
                                                            </div>
                                                        </div>

                                                        <div class="tab-pane " id="purchase">
                                                            <div class="wrap_editor">


                                                                <textarea  id="editor2" name="email_purchase_body" rows="13" class="form-control" placeholder="Write your message..">{{(isset($email_setings->email_purchase_body)) ? $email_setings->email_purchase_body : ''}}</textarea>

                                                                <!--<span class="letter_count">You have used <strong>0</strong> of 4000 characters.</span>-->
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane " id="pay">
                                                            <div class="wrap_editor">
                                                                <textarea id="editor3"  name="email_pay_body" rows="13" class="form-control" placeholder="Write your message..">{{(isset($email_setings->email_pay_body)) ? $email_setings->email_pay_body : ''}}</textarea>
                                                                <!--<span class="letter_count">You have used <strong>0</strong> of 4000 characters.</span>-->
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane " id="processing">
                                                            <div class="wrap_editor">
                                                                <textarea id="editor4"  name="email_wps_body" rows="13" class="form-control" placeholder="Write your message..">{{(isset($email_setings->email_wps_body)) ? $email_setings->email_wps_body : ''}}</textarea>
                                                                <!--<span class="letter_count">You have used <strong>0</strong> of 4000 characters.</span>-->
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane " id="reports">
                                                            <div class="wrap_editor">
                                                                <textarea id="editor5"  name="email_daily_body" rows="13" class="form-control" placeholder="Write your message..">{{(isset($email_setings->email_daily_body)) ? $email_setings->email_daily_body : ''}}</textarea>
                                                                <!--<span class="letter_count">You have used <strong>0</strong> of 4000 characters.</span>-->
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane " id="member">
                                                            <div class="wrap_editor">
                                                                <textarea id="editor6"  name="email_member_body" rows="13" class="form-control" placeholder="Write your message..">{{(isset($email_setings->email_member_body)) ? $email_setings->email_member_body : ''}}</textarea>

                                                                <!--<span class="letter_count">You have used <strong>0</strong> of 4000 characters.</span>-->
                                                            </div>
                                                        </div>
                                                        <!--============_ EDITOR EMAIL  _============-->

                                                    </div>

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

                                    <div class="row">
                                        <div class="col-md-12">

                                        </div>
                                    </div>

                                    <hr>
                                    <!--------------------------------------2ND SECTION --------------------------------------->

                                    <!--------------------------------------Actions --------------------------------------->
                                    <div class="row">

                                        <div class="col-md-7"></div>
                                        <div class="col-md-4 save_and_cancel">


                                            <input type="submit"  value="Save" class="btn theme_btn_round float_btn save_email_settings">
                                            <a href="{{url("admin/settings")}}" name="cancel" class="btn theme_btn_round float_btn cancel_email_settings cancel">Cancel</a>

                                        </div>

                                    </div>
                                    <!--------------------------------------Actions --------------------------------------->

                                </div>
                                <!-- MAIN CONTENT END -->
                            </form>
                        </div>
                        <!-- End: life time stats -->
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT -->
        </div>
        <!-- END CRM CONTENT BODY -->
    </div>


    @endsection('content')
    @section('admin_css')
    <link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/custom/settings.css')}}" rel="stylesheet" type="text/css" />
    <!-- <script src="{{asset('assets/global/plugins/ckeditor/contents.css') }}" type="text/javascript"></script>   -->

    <style type="text/css">
        .tab-content{
            border-top:2px solid #babcbf69;
            margin-top: -3px;
        }
        .table-container{
            padding: 50px 0 0;
        }
        table.dataTable.no-footer {
            border: none;
        }

        .left_side_email_caption {
            position: relative;
            min-height: 500px;
        }
        .sideByside_content {
            position: absolute !important;
            bottom: 0;
        }

        .sender_emailbox {
            margin-bottom: 23px;
        }

        .info_text_side {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 12px;
            display: inline-block;
        }

        .link_url {
            display: block;
        }

        .letter_count {
            float: right;
            color:#737373;
        }

        .row {
            margin:0;
        }

        .save_and_cancel{
            margin-left: 100px;
        }

        .breadcrumbs li:first-child a{
            color: #00919e;
        }
        .top_editor_bar .selectMsg {
            width: 100%;float: left;width: 270px;
        }
        .right_editorBar {
            float: right;width: 310px;padding: 0;
        }
        .top_editor_bar .text_link {
            float: left;
        }
        .selectMsg .col-md-12 {
            padding: 0;
        }
        .select2 .select2-selection.select2-selection--single{
            height: 33px !important;
        }
        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            left: 18px;
        }
        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
            padding: 0 16px;
            border: 1px solid #c6c8cc;
            right: 0;
            border-radius: 0 4px 4px 0;
            background: #ececec;
        }
        .email_editor {
            border: 1px solid #babcbf;
        }
        .top_editor_bar {
            border: 1px solid #babcbf;
        }
        .cke_combo_inlinelabel{
            background: red;
        }
    </style>
    @stop
    @section('admin_js')
    <script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/global/plugins/ckeditor/ckeditor.js') }}" type="text/javascript"></script>  
    <!--<script src="https://cdn.ckeditor.com/4.14.0/standard-all/ckeditor.js" type="text/javascript"></script>-->  
    <!--<script src="{{asset('assets/global/plugins/ckeditor/config.js') }}" type="text/javascript"></script>-->  

    <script src="{{asset('js/general.js')}}"type="text/javascript"></script>
    @include('admin.js.email-settings')
    @stop