@extends('layouts.admin')
@section('title','Term Of Use')
@section('page_title','')

@section('page_level_css')
<link href="{{asset('assets/vendors/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor pt-2" id="kt_content">

    <!-- begin:: Content -->
    <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid">

        <!-- begin:: Page -->
        <div class="kt-grid kt-grid--ver kt-grid--root ">
            <div class="top_main_title">
                <div class="labpair-title">
                    <p>
                        <span class="title">TERMS OF USE MANAGER</span>
                    </p>
                </div>
            </div>
        </div>
        <!-- end:: Page -->

        <div class="inner-main-section mt-3 pt-3">

            <div class="row">
                <div class="col-12">
                    <div class="example-preview">
                        <ul class="nav nav-pills mb-0 pl-md-5" id="myTab1" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active">
                                    <span class="nav-text">Term Of Use Manager</span>
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent1">
                            <div class="tab-pane fade show active" id="home-1" role="tabpanel" aria-labelledby="home-tab-1">
                                <div class="info-section">
                                    <p>
                                        <strong>EXPLANATION:</strong>
                                        Use this component to manage and update continually changing "Terms of Use" of LabPair.
                                    </p>
                                </div>

                                <div class="some-custom-datatable mt-2">
                                    <div class="kt-portlet__body">
                                        <!--begin: Datatable -->
                                        <div class="row">
                                            @php
                                            $url = getAURL('term-condition');
                                            if(isset($data->id)) {$url = getAURL('term-condition/' . $data->id);}
                                            @endphp
                                            <div class="col-lg-7 custom-height-manage">
                                                <div class="bg-white w-100 h-100">
                                                    <div class="managment-form">
                                                        <div class="dark-title">
                                                            <h5>Terms of Use Editor</h5>
                                                        </div>
                                                        <form class="kt-form kt-form--label-right" id="addEditForm" method="POST" action="{{$url}}" enctype="multipart/form-data">
                                                            @csrf
                                                            @if(isset($data->id))
                                                            {{ method_field('PUT') }}
                                                            @endif
                                                            <div class="form-group">
                                                                <div class="label col-lg-12">
                                                                    <span class="text-left term-policy-note">Note : All fields are mandatory</span>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="label col-lg-2">
                                                                    <label>Version Date:</label>
                                                                </div>
                                                                <div class="input-group col-lg-4">
                                                                    <input type="text" class="form-control datePicker inputModule" name="version_date" id="version_date" autocomplete="off" value="{{(isset($data->version_date)) ? \Carbon\Carbon::parse($data->version_date)->format('m-d-Y') : ''}}">
                                                                    <div class="input-group-append version_date">
                                                                        <span class="input-group-text">
                                                                            <i class="la la-calendar-check-o"></i>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="label col-lg-2">
                                                                    <label>Version ID:</label>
                                                                </div>
                                                                <div class="input-group col-lg-4">
                                                                    <input type="text" class="form-control inputModule" name="version_number" id="version_number" value="{{$data->version_number ?? ''}}">
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="input-group col-lg-12">
                                                                    <textarea class="form-control inputModule" name="description" id="description">{{$data->description ?? ''}}</textarea>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <div class="input-group col-lg-12">
                                                                    <div class="submit-btn w-100 text-center">
                                                                        <input type="submit" class="btn btn-primary formSubmitButton" value="Save/Update">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-lg-5 custom-height-manage">
                                                <div class="bg-white adding-table w-100 h-100 th-white">
                                                    <div class="kt-portlet kt-portlet--mobile mb-0 h-100">
                                                        <div class="kt-portlet__body data-table-list p-0 h-100">
                                                            <table class="table table-striped" id="dataTableList">
                                                                <thead>
                                                                    <tr>
                                                                        <th scope="col">Edit</th>
                                                                        <th scope="col">Editor</th>
                                                                        <th scope="col">Version</th>
                                                                        <th scope="col">Last Update</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>

                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end: Datatable -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- end:: Content -->
    <button type="button" class="showDeleteModel" data-toggle="modal" data-target="#showDeleteModel" style="display: none;">Show Delete Model</button>
</div>

@endsection

@section('page_level_js')
<script src="{{asset('assets/js/admin/term-condition.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/vendors/custom/datatables/datatables.bundle.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/demo1/pages/crud/datatables/basic/paginations.js')}}" type="text/javascript"></script>
@endsection

@push('footerscript')
<script>
@if (isset($data->id))
    var ex = ['password', 'password_confirmation'];
@endif

$(document).on("blur", '#addEditForm .inputModule', function () {
    checkRequired(ex);
});
$(document).on("change", '#addEditForm select.inputModule', function () {
    checkRequired(ex);
});
checkRequired(ex);
</script>
@endpush