{{-- @if (count($generalsettings) > 0)

<script>
$(document).ready(function() {
    $('#generalsettings').dataTable({
        "searching": true,
        "paging": true // changed "bPaginate" to "paging"
    });
});
</script>

<div class="table-responsive">
    <table class="table align-items-center table-flush table-striped" id="generalsettings">
        <thead class="thead-light">
            <tr>
                <th scope="col">ID</th>
                <th scope="col">Pack Name</th>
                <th scope="col">Currency</th> <!-- corrected spelling of "Currency" -->
                <th scope="col">Tax</th>
                <th scope="col">Gst</th>
            </tr>
        </thead>
        <tbody class="list">
            @foreach ($generalsettings as $settings)
            <tr>
                <td class="budget">{{ $settings->id }}</td>
                <td class="budget">{{ $settings->Packname }}</td>
                <td class="budget">{{ $settings->currency }}</td>
                <td class="budget">{{ $settings->tax }}</td>
                <td class="budget">{{ $settings->gst }}</td>
                <!-- Remove commented out code for delete and edit actions -->
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

@else
<div class="col-md-12 text-center mt-1 mb-1">
    <h3>No plans found</h3>
</div>
@endif --}}
@extends('layouts.admin.main') @section('title', 'edit canclereason')
@section('header')
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-lg-6 col-7">
                <h6 class="h2 text-white d-inline-block mb-0"></h6>
            </div>
        </div>
    </div>
@endsection
@section('content')

    <div class="row">

        <!-- Light table -->

        <div class="col">

            <div class="card">

                <!-- Card header -->

                <div class="card-header border-0">
                    <div class="row align-items-center">
                        <div class="col">
                         <h3>Application Settings</h3>
                        </div>
                    </div>
                </div>
                <div class="card-body"> 
                    @include('layouts.messages')
                    <form enctype="multipart/form-data" method="POST"
                        action="{{ isset($generalsettings) ? route('admin.settingseditadmin') : route('admin.settings.add') }}"
                        id="create-canclereason">
                        @csrf

                        <div class="row justify">
                            <div class="col-md-9">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="general" role="tabpanel">
                                        <div class="row justify">
                                            @if (isset($generalsettings))
                                                <input type="hidden" form="create-canclereason" id="generalsettingsid"
                                                    class="form-control" name="generalsettingsid" placeholder="id"
                                                    value="{{ $generalsettings['id'] }}">
                                            @endif
                              {{--   <div class="col-md-3 col-sm-3 col-lg-2">
                                <label for="pagename">Page Name
                                    <span class="m-l-5 text-red">*</span>
                                </label>
                            </div>
                                            <div class="col-md-7 col-sm-7 col-lg-9 form-group">
                                        <input type="text" form="create-canclereason" id="pagename"
                                            class="form-control" name="pagename" placeholder="Page name"
                                            value="@if (isset($generalsettings)) {{ $generalsettings['pagename'] }} @endif">
                                            
                                    </div> --}}
                                    <div class="col-md-3 col-sm-3 col-lg-2">
                                <label for="packname">Packname
                                    <span class="m-l-5 text-red">*</span>
                                </label>
                            </div>
                            <div class="col-md-7 col-sm-7 col-lg-9 form-group">
                                <input type="text" form="create-canclereason" id="packname" class="form-control"
                                    name="Packname" placeholder="Packname"
                                    value="{{ isset($generalsettings) ? $generalsettings['Packname'] : '' }}">
                            </div>

                            <div class="col-md-3 col-sm-3 col-lg-2">
                                <label for="Currency">Currency
                                    <span class="m-l-5 text-red">*</span>
                                </label>
                            </div>
                            <div class="col-md-7 col-sm-7 col-lg-9 form-group">
                                <input type="text" form="create-canclereason" id="currency" class="form-control"
                                    name="currency" placeholder="Currency"
                                    value="{{ isset($generalsettings) ? $generalsettings['currency'] : '' }}">
                            </div>

                            <div class="col-md-3 col-sm-3 col-lg-2">
                                <label for="tax">Tax
                                    <span class="m-l-5 text-red">*</span>
                                </label>
                            </div>
                            <div class="col-md-7 col-sm-7 col-lg-9 form-group">
                                <input type="text" form="create-canclereason" id="tax" class="form-control"
                                    name="tax" placeholder="Tax"
                                    value="{{ isset($generalsettings) ? $generalsettings['tax'] : '' }}">
                            </div>

                            <div class="col-md-3 col-sm-3 col-lg-2">
                                <label for="gst">Gst
                                    <span class="m-l-5 text-red">*</span>
                                </label>
                            </div>
                            <div class="col-md-7 col-sm-7 col-lg-9 form-group">
                                <input type="text" form="create-canclereason" id="gst" class="form-control"
                                    name="gst" placeholder="Gst"
                                    value="{{ isset($generalsettings) ? $generalsettings['gst'] : '' }}">
                            </div>
                                   {{-- <div class="col-md-3 col-sm-3 col-lg-2">
                                            <label>Description<span class="m-l-5 text-red">*</span></label>
                                        </div>
                                        <div class="col-md-7 col-sm-7 col-lg-9 form-group">
                                            <textarea style="height: 10em;" form="create-canclereason" id="myTextarea"
                                                name="description" class="form-control" placeholder="Description">
                                                {{ $generalsettings['description'] ?? '' }}
                                            </textarea>
                                        </div> --}}
                                            <div class="col-sm-12 d-flex">
                                <div class="add_button">
                                   
                                    <a href="{{ url()->previous() }}" class="btn btn-primary mr-1">Cancel</a>
                                </div>
                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                </form>
            </div>
        </div>
    </div>
    </div>@endsection @section('scripts') @parent

<script></script>@endsection
<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.1/tinymce.min.js"></script>

<script type="text/javascript">
    tinymce.init({
        selector: '#myTextarea',
        height: 200,
        theme: 'modern',
        plugins: [
            'advlist autolink lists link image charmap print preview hr anchor pagebreak',
            'searchreplace wordcount visualblocks visualchars code fullscreen',
            'insertdatetime media nonbreaking save table contextmenu directionality',
            'emoticons template paste textcolor colorpicker textpattern imagetools'
        ],
        toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
        toolbar2: 'print preview media | forecolor backcolor emoticons',
        image_advtab: true
    });
</script>
<script>
    tinymce.init({
        selector: 'textarea#editor', //Change this value according to your HTML
        auto_focus: 'element1',
        width: "700",
        height: "200"
    });

    $(document).ready(function() {

        $('#buttonpost').on("click", function() {
            tinyMCE.triggerSave();
            var value = $("textarea#editor").val();
            $("#display-post").html(value);
            $(".texteditor-container").hide();
            return false;
        });

    });
</script>

<style>
    .justify {
        justify-content: center;
    }

    h6.h2 {
        font-size: 32px;
    }

    h3 {
        color: green !important;
        font-size: 18px !important;
    }

    .tab-content-title {
        border-bottom: solid green 2px !important;
        padding: 20px 20px 20px 20px !important;
    }

    .navbar-top.border-bottom.navbar-dark {
        background-color: white !important;
        border-style: doted !important;
    }

    .pb-6,
    .py-6 {
        padding: 0 27px;
    }

    .navbarflex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .navbar-expand .navbar-nav {
        margin-left: 0 !important;
    }

    div#planlist_info {
        color: #4F8A10;
    }

    th {
        color: black !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    .d-flex {
        justify-content: center;
        flex-wrap: wrap;
    }

    .navbar .form-control {
        border-radius: 8px;
        border: solid green 2px;
        height: 30px;
        margin: 0px 5px;
        width: 200px;
    }



    label {

        font-size: 16px;
    }

    .form-control {
        border-radius: 10px !important;
        width: 79%;
        padding: 8px 15px;
        height: 40px;
    }

    .form-group {
        margin-bottom: 4.5rem !important;
    }

    .add_button .btn {
        padding: 7px 30px;
    }



    .card-header.border-0 {
        border-bottom: solid green 2px !important;
    }

    form#create-canclereason {
        margin-bottom: 0px;
    }

    .card-body {
        padding-bottom: 20px;
    }

    body.g-sidenav-hidden {
        overflow-x: hidden;
    }

    body.g-sidenav-show.g-sidenav-pinned {
        overflow-x: hidden;
    }

    footer.footer.pt-0 {
        padding-left: 30px;
    }

    .new-alert.alert.alert-danger.alert-dismissible.mb-2 {
        width: 370px !important;
        margin: 10px auto !important;
    }

    .pb-6,
    .py-6 {
        padding: 40 0px !important;
    }

    /*tablate*/
    @media (min-width:768px) and (max-width:1023px) {
        .main-content .navbar-top .collapse {
            justify-content: space-between;
            ;
        }

        .navbar-expand .navbar-nav {
            margin-left: 0 !important;
        }

        .table td {
            font-size: 16px !important;
        }

        th {
            color: black !important;
            font-size: 16px !important;
            font-weight: 800 !important;
        }

        H3 {
            font-size: 20px !important;
        }

        .btn {
            font-size: 16px !important;

        }

        .actions .delete-action .btn {
            font-size: 14px !important;
        }

        table.dataTable.no-footer {
            padding: 15px 0 0 0;
        }

        div#planlist_filter {
            padding: 15px 0px;
        }

        label {

            font-size: 18px !important;
        }



        .col-md-3 {
            padding-right: 0 !important;
        }

    }

    /*mobile*/
    @media (min-width:320px) and (max-width:767px) {
        .table td {
            font-size: 14px !important;
        }

        th {
            color: black !important;
            font-size: 14px !important;
            font-weight: 800 !important;
        }

        H3 {
            font-size: 17px !important;
        }

        .btn {
            font-size: 14px !important;
        }

        .actions .delete-action .btn {
            font-size: 12px !important;
        }

        table.dataTable.no-footer {
            padding: 15px 0 0 0;
        }

        div#planlist_filter {
            padding: 15px 0px;
        }

        label {
            padding: 0;
            font-size: 14px !important;
        }

        .form-control {
            width: 100% !important;
        }

        .add_button button {
            margin: 0 0 0 0 !important
        }

        .form-group {
            margin-bottom: 20px !important;
        }

        .card-body {
            padding-top: 0 !important;
        }

        footer.footer.pt-0 {
            padding-left: 0px;
        }
    }
</style>