@extends('layouts.admin')

@section('content')

    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{{ route('admin.dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('admin.introduction') }}">Introduction</a></li>
        </ol>
    </div>

    <div class="row">
        @if(count($errors))
            <div class="form-group">
                <div class="alert alert-danger">
                    <ul>
                        @foreach($errors->all() as $error)
                            <li>{{$error}}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
        @if(session('success'))
            <div class="alert alert-success alert-dismissable">
                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                <strong>Success !</strong>
                {{ Session::get('success') }}
            </div>
        @elseif(session('failure'))
            <div class="alert alert-danger alert-dismissable">
                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                <strong>Failed !</strong> {{ Session::get('failure') }}
            </div>
        @endif
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"> Edit Introduction
                    <span class="pull-right"><strong class="text-danger">*</strong> Required Fields</span>
                </h3>
            </div>

            <div class="panel-body">
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <form action="{{ route('admin.store.introduction', $setting->id) }}" method="POST" class="panel-body form-horizontal form-padding" enctype="multipart/form-data">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                @csrf

                                <div class="form-group">
                                    <label class="col-md-2 control-label" for="cron_ip"> 
                                        API Doc Upper Introduction <span class="text-danger">*</span>
                                    </label>
                                    <div class="col-md-8">
                                        <textarea class="form-control" name="upper_introduction" rows="5" required style="resize: none;">{{ $setting->upper_introduction }}</textarea>
                                        <small class="help-block text-danger">{{ $errors->first('upper_introduction')}}</small>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-2 control-label" for="cron_ip"> 
                                        API Doc Lower Introduction <span class="text-danger">*</span>
                                    </label>
                                    <div class="col-md-8">
                                        <textarea class="form-control" name="lower_introduction" rows="5" required style="resize: none;">{{ $setting->lower_introduction }}</textarea>
                                        <small class="help-block text-danger">{{ $errors->first('lower_introduction')}}</small>
                                    </div>
                                </div>
                    

                                <div class="form-group">
                                    <label class="col-md-2 control-label"></label>
                                    <div class="col-md-5">
                                        <input type="submit" class="btn btn-block btn-success" name="submit" value="UPDATE">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('ext_js')
<script src="{{ asset('vendor/jquery-validation/jquery.validate.min.js') }}"></script>

    <script>
        // toggle radio button
        $(document).ready(function(){
            $("input[name=status_type]").on("ifClicked", function(){
                var radioValue = $(this).val();
                    if(radioValue == 0){
                        $('.notification').hide();
                    }else{
                        $('.notification').show();
                    }
                });
        });
        // Active tab

        $('#myTab a').click(function(e) {
            e.preventDefault();
            $(this).tab('show');
        });

        // store the currently selected tab in the hash value
        $("ul.nav-tabs > li > a").on("shown.bs.tab", function(e) {
            var id = $(e.target).attr("href").substr(1);
            window.location.hash = id;
        });

        // on load of the page: switch to the currently selected tab
        var hash = window.location.hash;
        $('#myTab a[href="' + hash + '"]').tab('show');

        // Billing Periods Management

        $(document).on('click', '.delete', function () {
            var actionUrl = $(this).attr('data-url');

            $('#delete-form').attr('action', actionUrl);

            $('#modal-submit').click(function (e) {
                $(this).attr('disabled', true);
                $(this).html('<i class="fa fa-spinner fa-spin" style=""></i> Please Wait...');
                $('#delete-form').submit();
            })
        });

        // Generate Bill Section

        var i = 0;

        $(".add-record").click(function () {

            $("#dynamicTable").append('<tr><td><input type="number" name="min_hit[]" placeholder="Enter minimum hit number" class="form-control min_hit" required /></td><td><input type="number" name="max_hit[]" placeholder="Enter maximum hit number" class="form-control max_hit" required /></td><td><input type="number" name="rate[]" id="rate" placeholder="Rate" class="form-control" required /></td><td><a type="button" class="text-danger remove-tr"><i class="glyphicon glyphicon-trash" title="delete"></i></a></td></tr>');
        });

        $(document).on('click', '.remove-tr', function () {
            $(this).parents('tr').remove();
            confirm("Please, update the discount table to set the new discount rule!");
        });


        $('#discountForm').on('keyup', '.min_hit', function () {
            $(this).parent().next().children().attr('min', parseInt($(this).val()) + 1)
        });

        $(document).ready(function () {

            $("input[name='price_type']").on("ifClicked", function () {

                var radioValue = $(this).val();

                if (radioValue == "flat") {
                    $(".flat_table").show();
                    $(".perhit_table").hide();
                    $(".discount_panel").hide();
                } else {
                    $(".perhit_table").show();
                    $(".flat_table").hide();
                    $(".discount_panel").show();
                }

            });
        });

        // System Setting Section

        function loadFile(event) {
            var output = $(event.target).siblings('div.imageholder').children()[0]
            output.src = URL.createObjectURL(event.target.files[0]);
        };


        // Force Maintenance Section

        $(document).ready(function(){

            $("input[name='force_maintenance']").on("ifClicked", function() {

                var radioValue = $(this).val();

                if (radioValue == 0){
                    $('.maintenance').hide();
                }else{
                    $('.maintenance').show();
                    confirm("Warning! if 'Force Maintenance?' is enabled, PORTAL and API access will be disabled with 'Site Under Maintenence'.");
                }

            });
        });

        // $(document).ready(function(){

        //     $("input[name='force_maintenance']").on("ifClicked", function() {

        //         var radioValue = $(this).val();

        //         if (radioValue == 1){
        //             confirm("Warning! if 'Force Maintenance?' is enabled, PORTAL and API access will be disabled with 'Site Under Maintenence'.");
        //         }

        //     });
        // });

        $('.add-ip').on('click', function(e) {
            e.preventDefault();
            $('.ip-blocks').append(`
                <tr>
                    <td>
                        <div class="form-group" style="padding: 15px;">
                            <input type="text" name="ip_name[]" class="form-control" required placeholder="Eg: Office Computer">
                        </div>
                    </td>
                    <td>
                       <div class="form-group" style="padding: 15px;">
                           <input type="text" name="ip_address[]" class="form-control" required placeholder="Eg: 10.10.10.10">
                       </div>
                    </td>
                    <td>
                        <a class="btn btn-danger delete-ip-block" title="Delete">
                            <i class="fa fa-trash"></i>
                        </a>
                    </td>
                </tr>
            `);
        })

        $(document).on('click','.delete-ip-block', function(e) {
            e.preventDefault();
            $(this).parent().parent().remove();
        });
    </script>
@endsection