<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!doctype html>
<html lang="en">

    <head>
    
        <meta charset="utf-8">
        <title>Dashboard | Dooo - Movie & Web Series Portal App</title>

        <?php include("partials/header.php"); ?>
    
    </head>

    <body data-sidebar="dark">

        <!-- Begin page -->
        <div id="layout-wrapper">

            
            <?php include("partials/topbar.php"); ?>

            
            <?php include("partials/sidebar.php"); ?>
            

            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">

                	<div class="container-fluid">

                		<!-- start page title -->

                		<div class="row align-items-center">

                			<div class="col-sm-6">

                				<div class="page-title-box">

                					<h4 class="font-size-18">Terms and Conditions</h4>

                					<ol class="breadcrumb mb-0">

                						<li class="breadcrumb-item"><a href="javascript: void(0);">Dooo</a></li>

                						<li class="breadcrumb-item"><a href="javascript: void(0);">Settings</a></li>

                						<li class="breadcrumb-item active">Terms and Conditions</li>

                					</ol>

                				</div>

                			</div>

                		</div>

                		<!-- end page title -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-body">

                                        <h4 class="card-title">Terms and Conditions</h4>
                                        <p class="card-title-desc">Modify as you need</p>

                                        <!-- Nav tabs -->
                                        <ul class="nav nav-tabs nav-tabs-custom mb-3" role="tablist">
                                            <li class="nav-item" role="presentation">
                                                <a class="nav-link active" data-bs-toggle="tab"
                                                    href="#termsandconditions" role="tab" aria-selected="true"
                                                    tabindex="0">
                                                    <span class="d-none d-md-block">Terms and Conditions</span><span
                                                        class="d-block d-md-none"><i
                                                            class="far fa-credit-card h5"></i></span>
                                                </a>
                                            </li>
                                            <li class="nav-item" role="presentation">
                                                <a class="nav-link" data-bs-toggle="tab" href="#settings" role="tab"
                                                    aria-selected="false" tabindex="1">
                                                    <span class="d-none d-md-block">Settings</span><span
                                                        class="d-block d-md-none"><i
                                                            class="fab fa-paypal h5"></i></span>
                                                </a>
                                            </li>

                                        </ul>

                                        <!-- Tab panes -->
                                        <div class="tab-content" id="setting_tabs">
                                            <div class="tab-pane p-3 active show" id="termsandconditions"
                                                role="tabpanel">
                                                <div class="summernote" id="summernote">
                                                    <?php echo $TermsAndConditions; ?></div>
                                                    <br>
                                                <div class="col-md-12 row justify-content-end">
                                                    <button class="btn btn-primary waves-effect waves-light col-md-2"
                                                        id="submit" name="submit" onclick="save()">
                                                        <i class="mdi mdi-content-save-all"></i> Save
                                                    </button>
                                                </div>
                                            </div>

                                            <div class="tab-pane p-3" id="settings" role="tabpanel">
                                                <div class="form-group row mb-3">
                                                    <label class="col-sm-3 control-label"><strong>Web View
                                                            URL</strong></label>
                                                    <div class="col-sm-7">
                                                        <div class="input-group">
                                                            <input type="text" id="webview_url" name="webview_url"
                                                                class="form-control" required=""
                                                                value="<?php echo base_url(); ?>terms_and_conditions/webview"
                                                                disabled="">
                                                            <span class="input-group-text waves-effect waves-light"
                                                                id="option-date"
                                                                onclick="copyToClipboard('webview_url')">Copy</span>
                                                            <a class="btn btn-primary" id="gsk"
                                                                href="<?php echo base_url(); ?>terms_and_conditions/webview"
                                                                target="_blank">
                                                                View</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

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

                        </div>



                	</div> <!-- container-fluid -->

                </div>


            	<?php include("partials/footer_rights.php"); ?>


            </div>
            <!-- end main content-->

        </div>
        <!-- END layout-wrapper -->

        <?php include("partials/footer.php"); ?>

    <script>
        $(document).ready(function() {
            $('.summernote').summernote({
                height: 250
            });
        });

		function save() {
			var TermsAndConditions = $('#summernote').summernote('code');
			$.ajax({
                  url: '<?= site_url('Admin_api/saveterms_and_conditions') ?>',
                  type: 'POST',
				  data : { TermsAndConditions : TermsAndConditions },
                  dataType:'text',
                    success: function(result){
						if(result) {
							swal.fire({
                                title: 'Successful!',
                                text: 'Terms & Conditions Updated successfully!',
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#556ee6',
                                cancelButtonColor: "#f46a6a"
                            }).then(function () {
                                location.reload();
                            });
						}
                    }
                });
		}

        function copyToClipboard(element) {
            document.getElementById(element).disabled = false;
            var copyText = document.getElementById(element);
            copyText.focus();
            copyText.select();
            try {
              var successful = document.execCommand('copy');
              var msg = successful ? 'successful' : 'unsuccessful';
                swal.fire({
                    title: 'Copied!',
                    html: copyText.value,
                    icon: 'success'
                });
            } catch (err) {
                swal.fire({
                    title: 'Error',
                    text: 'Something Went Wrong :(',
                    icon: 'error'
                }).then(function () {
                    location.reload();
                });
            }
            document.getElementById(element).disabled = true;
        }
    </script>