@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="#">Flerri 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>Flerri Settings
                                    <span>Settings for Flerri integration</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.flerri-settings.store') }}" method="POST" id="flerri_settings">
                                    @csrf
                                    <!--------------------------------------1ST ROW --------------------------------------->
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="col-md-4">
                                                <span class="main_title"> Flerri Settings</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row each_row">
                                        <div class="col-md-12">
                                            <div class="col-md-5">
                                                <span class="sub_heading">
                                                    Flerri Settings</span>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="input_row">
                                                    <label class="col-md-3 label_left pl_pr_0">
                                                        Flerri url
                                                    </label>
                                                    <div class="col-md-9 pr_0">
                                                        <input type="text"
                                                            class="form-control custom_input template_names validate"
                                                            name="flerri_url"
                                                            value="{{ !empty($flerri_data) ? $flerri_data->flerri_url : '' }}"
                                                            placeholder="Flerri Url" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-5">
                                            </div>
                                            @php
                                                if ($flerri_data->flerri_order_type) {
                                                    if ($flerri_data->flerri_order_type == 1) {
                                                        $checked_s = 'checked';
                                                        $checked_m = '';
                                                    }
                                                    if ($flerri_data->flerri_order_type == 2) {
                                                        $checked_s = '';
                                                        $checked_m = 'checked';
                                                    }
                                                } else {
                                                    $checked_s = 'checked';
                                                    $checked_m = '';
                                                }
                                            @endphp

                                            <div class="col-md-6 checkbox_slider_box">
                                                <div class="col-md-2 no-padding-left"><label>Flerri Order Type</label></div>
                                                <div class="col-md-2 no-padding">
                                                    <label class="radio_container">Single
                                                        <input type="radio" name="flerri_order_type" value="1"
                                                            class="selected_product_type validate" {{ $checked_s }}>
                                                        <span class="checkmark"></span>
                                                    </label>
                                                </div>
                                                <div class="col-md-4 no-padding">
                                                    <label class="radio_container">Multiple
                                                        <input type="radio" name="flerri_order_type" value="2"
                                                            class="selected_product_type validate" {{ $checked_m }}>
                                                        <span class="checkmark"></span>
                                                    </label>
                                                </div>
                                            </div>





                                        </div>
                                    </div>
                                    <hr>

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




                                    <!--------------------------------------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_flerri_settings">
                                            <a href="{{ url('admin/settings') }}" name="cancel"
                                                class="btn theme_btn_round float_btn cancel_flerri_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.flerri-settings')
@stop