@extends('layouts.layout')
@section('title', 'payment mode')


@section('content')
@include('settings.setting_sidebar')
<style>
    input[type=checkbox]:disabled {
  background: #dddddd;
}
</style>
<!-- <style>
            .payment-tbl .table th:first-child,
            .payment-tbl .table td:first-child{
                display: none;
            }
        </style> -->
<div class="tab-content-wrap">
            <div class="tab-pane" id="setPayment">
                <div class="paymentTabbing">
                    <ul class="nav nav-tabs" id="settingPayment" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link @if($_GET['payment_mode']=='lesson_payment_mode') active  @endif" data-toggle="tab" data-target="#lessons" aria-selected="true">Lessons</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link @if($_GET['payment_mode']=='shop_payment_mode') active @endif" data-toggle="tab" data-target="#shop" aria-selected="false">Shop</button>
                        </li>
                    </ul>
                    <div class="tab-content" id="lessons_payment_mode">
                            
                         <div class="tab-pane fade @if($_GET['payment_mode']=='lesson_payment_mode')  show active  @endif" id="lessons">
                            @if($errors->has('mode'))
                            <span class="invalid feedback" role="alert">
                                <strong>{{ $errors->first('mode') }}</strong>
                            </span>
                            @endif
                            <h3>Payment Mode - Franchises</h3>
                            @if(isset($setting_lesson_franchise_mode[0]['json_data']))
                                        @php $mode = json_decode($setting_lesson_franchise_mode[0]['json_data'], true);
                                        @endphp
                            <form method="post" action="{{url('setting/change-payment-mode')}}">
                                @csrf
                            <div class="btn-group-custom">
                                <label for="test" class="btn btn-check {{ $mode['payment_mode'] === 'test' ? 'active' : '' }}">
                                     <input type="hidden" name="mode_type" value="lesson_payment_mode">
                                     <input type="checkbox" name="mode" value="test" data-id="test" data-mode_type="lesson_payment_mode" class="ChnagePaymentMode" {{ $mode['payment_mode'] === 'test' ? 'disabled title=Disable' : '' }}>Test
                                </label>
                                <label for="live" class="btn btn-check {{ $mode['payment_mode'] === 'live' ? 'active' : '' }}">
                                    <input type="checkbox" name="mode" value="live" data-id="live" data-mode_type="lesson_payment_mode"  class="ChnagePaymentMode" {{ $mode['payment_mode'] === 'live' ? 'disabled title=Disable' : '' }}>Live
                                </label>
                            </div>
                            <!-- <div class="d-flex justify-content-end">
                                <button type="submit" class="btn">Save</button>
                            </div> -->
                            </form>
                            @else
                              @csrf
                            <div class="btn-group-custom">
                                <label for="test" class="btn btn-check">
                                     <input type="hidden" name="mode_type" value="lesson_payment_mode">
                                     <input type="checkbox" name="mode" value="test" data-id="test" data-mode_type="lesson_payment_mode" class="ChnagePaymentMode">Test
                                </label>
                                <label for="Live" class="btn btn-check">
                                    <input type="checkbox" name="mode" value="live" data-id="test" data-mode_type="lesson_payment_mode"  class="ChnagePaymentMode">Live
                                </label>
                            </div>
                          
                            @endif
                            <h4 class="mb-4">Log</h4>
                            <div class="table-custom-wrap">
     
                                <table id="setting_payment_mode" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>User</th>
                                            <th>Date & Time</th>
                                            <th>Mode Engaged</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <!-- @if(!empty($setting_payment_mode_lession_franchise))
                                        @foreach($setting_payment_mode_lession_franchise as $value)
                                        <tr>
                                            <td>{{$value['name']}}</td>
                                            <td>{{date('d/m/20y | h:i',strtotime($value['date_time']))}}</td>
                                            <td>{{$value['payment_mode']}}</td>
                                          
                                        </tr>
                                           @endforeach
                                        @endif
                                    </tbody> -->
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane fade @if($_GET['payment_mode']=='shop_payment_mode') show active  @endif" id="shop">
                            <h3>Payment Mode - Shop</h3>
                            @if(isset($setting_shop_franchise_mode[0]['json_data']))
                                        @php $mode = json_decode($setting_shop_franchise_mode[0]['json_data'], true);
                                        @endphp
                            <form method="post" action="{{url('setting/change-payment-mode')}}">
                                @csrf
                            <div class="btn-group-custom">
                                <label for="Test" class="btn btn-check {{ $mode['payment_mode'] === 'test' ? 'active' : '' }}">
                                     <input type="hidden" name="mode_type" value="shop_payment_mode" >
                                     <input type="checkbox" name="mode" value="test"  data-id="test" data-mode_type="shop_payment_mode" class="ChnagePaymentMode" {{ $mode['payment_mode'] === 'test' ? 'disabled' : '' }}>Test
                                </label>
                                <label for="live" class="btn btn-check {{ $mode['payment_mode'] === 'live' ? 'active' : '' }}">
                                    <input type="checkbox" name="mode" value="live"   data-id="live " data-mode_type="shop_payment_mode" class="ChnagePaymentMode"  {{ $mode['payment_mode'] === 'live' ? 'disabled' : '' }}>Live
                                </label>
                            </div>
                           
                            <!-- <div class="d-flex justify-content-end">
                                <button type="submit" class="btn">Save</button>
                            </div> -->
                            </form>
                            @else
                              @csrf
                            <div class="btn-group-custom">
                                <label for="test" class="btn btn-check">
                                     <input type="hidden" name="mode_type" value="shop_payment_mode">
                                     <input type="checkbox" name="mode" value="test" data-id="test" data-mode_type="shop_payment_mode" class="ChnagePaymentMode">Test
                                </label>
                                <label for="live" class="btn btn-check">
                                    <input type="checkbox" name="mode" value="live" data-id="live" data-mode_type="shop_payment_mode"  class="ChnagePaymentMode">Live
                                </label>
                            </div>
                          
                            @endif
                            <h4 class="mb-4">Log</h4>
                            <div class="table-custom-wrap-second">
                                <table id="setting_payment_mode" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                    
                                            <th>User</th>
                                            <th>Date & Time</th>
                                            <th>Mode Engaged</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <!-- @if(!empty($setting_payment_mode_shop_franchise))
                                        @foreach($setting_payment_mode_shop_franchise as $value)
                                        <tr>
                                            <td>{{$value['name']}}</td>
                                            <td>{{date('d/m/20y | h:i',strtotime($value['date_time']))}}</td>
                                            <td>{{$value['payment_mode']}}</td>
                                          
                                        </tr>
                                        @endforeach
                                        @endif -->
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>

<script type="text/javascript">
  $(function () {
    
    var table = $('.table-custom-wrap .table').DataTable({
        processing: true,
        language: {
            searchPlaceholder: "Search",
        },
        dom: '<"custom-table-info"<"custom-table-left"B><"custom-table-right"frlp>><"custom-table"t>p',
        language: {
            searchPlaceholder: "Search",
            "lengthMenu": '<select class="form-select">'+
            '<option value="10">Show: 10</option>'+
            '<option value="25">Show: 25</option>'+
            '<option value="50">Show: 50</option>'+
            '<option value="75">Show: 75</option>'+
            '<option value="-1">Show: All</option>'+
            '</select> '
        },
        serverSide: true,
        buttons: ["excel", "pdf", "print"],
        ajax: "{{ route('setting.payment_mode') }}",
        order: [],
        columns: [
            {data: 'name', name: 'name'},
            {data: 'date_time', name: 'date_time'},
            {data: 'payment_mode', name: 'payment_mode'},
        ],
        "fnDrawCallback": function (oSettings, json) {
           // console.log($('.table-custom-wrap').find(".dataTables_paginate").eq(0).find('span').find("a").length);
            if($('.table-custom-wrap').find(".dataTables_paginate").eq(0).find('span').find("a").length > 1){

                $('.table-custom-wrap').find(".dataTables_paginate").show();
            }else{
                 $('.table-custom-wrap').find(".dataTables_paginate").hide();
            }
        }
    });
    
  });
  $(function () {
    
    var table = $('.table-custom-wrap-second .table').DataTable({
        processing: true,
        language: {
            searchPlaceholder: "Search",
        },
        dom: '<"custom-table-info"<"custom-table-left"B><"custom-table-right"frlp>><"custom-table"t>p',
        language: {
            searchPlaceholder: "Search",
            "lengthMenu": '<select class="form-select">'+
            '<option value="10">Show: 10</option>'+
            '<option value="25">Show: 25</option>'+
            '<option value="50">Show: 50</option>'+
            '<option value="75">Show: 75</option>'+
            '<option value="-1">Show: All</option>'+
            '</select> '
        },
        serverSide: true,
        buttons: ["excel", "pdf", "print"],
        ajax: "{{ route('setting.payment_mode.second') }}",
         order: [],
        columns: [
            {data: 'name', name: 'name'},
            {data: 'date_time', name: 'date_time'},
            {data: 'payment_mode', name: 'payment_mode'},
        ],
        "fnDrawCallback": function (oSettings, json) {
           // console.log($('.table-custom-wrap-second').find(".dataTables_paginate").eq(0).find('span').find("a").length);
            if($('.table-custom-wrap-second').find(".dataTables_paginate").eq(0).find('span').find("a").length > 1){

                $('.table-custom-wrap-second').find(".dataTables_paginate").show();
            }else{
                $('.table-custom-wrap-second').find(".dataTables_paginate").hide();
            }
        }
    });
    
  });
</script>
<script src="{{ url('admin/js/setting.js') }}"></script>
@include('scripts.setting_terms_script')
@include('scripts.settings')
@endsection