@extends('layouts.organization.app')
@section('content')

<div class="main-panel">
<div class="content-wrapper">
    <div class="row">
        <div class="col-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-header">
                    <h5 class="">Template Master</h5>
                </div>
                <div class="card-body">
                    <form class="forms-sample row">
                        @csrf
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Email Template *</label>
                                <input type="hidden" name="update_id" class="form-control" value="{{Request::segment(2)}}">
                                <!-- -->
                                <label class="switch">
<input type="checkbox" id="email_template" onclick="email_setting(this.value)" value="{{@$get_email_data->email_template}}"   name="email_template">
<div class="slider round"></div>
</label> 
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>SMS Template *</label>
                                <!--  -->
                                <label class="switch">
<input type="checkbox" id="sms_template" onclick="sms_setting(this.value)" value="{{@$get_sms_data->sms_template}}"   name="sms_template">
<div class="slider round"></div>
</label>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Notification Template *</label>
                                <!-- -->
                                <label class="switch">
<input type="checkbox" id="notification_template" onclick="notification_setting(this.value)" value="{{@$get_notification_data->notification_template}}"   name="notification_template">
<div class="slider round"></div>
</label> 
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
 

<div class="row">
        <div class="col-12 stretch-card">
            <div class="card">
                <div class="card-header card-height">
                    <div class="row">
                        <div class="col-md-12 col-12">
                        <h5 class="" id="getCameraSerialNumbers">Template Master List</h5>
                        </div>
                    </div>
                </div>
        <div class="card-body">
            <table id="example" class="table" style="width:100%">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Office Name</th>
                        <th>Email</th>
                        <th>SMS </th>
                        <th>Notification</th>
                         
                    </tr>
                </thead>

                                <tbody>
                @if(!empty($template_masters))
                @foreach($template_masters as $template_data)
                    <tr>
                        <td>1</td>
                        <td>{{$template_data->office_name}}</td>
                        <td><input type="checkbox" id="{{$template_data->id}}" onclick="email_template_setting(this.value,id)" value="0" > </td>

                        <td><input type="checkbox" id="{{$template_data->id}}" onclick="sms_template_setting(this.value,id)" value="0" > </td>
                        
                        <td><input type="checkbox" id="{{$template_data->id}}" onclick="notification_template_setting(this.value,id)" value="0" > </td>
                  
                    </tr>
                @endforeach    
                @else
                <tr> <td colspan="5">Sorry ! No Record Found</td></tr>
                @endif
                </tbody>
            </table>
        </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<!-- ----MAIN DATA LISTING---------- -->
<script>
$(document).ready(function(){
  var datatable = $('#example').dataTable({
         dom: 'Bfrtip',
                buttons: ['copy', 'csv', 'excel', 'pdf', 'print'] ,
                "bPaginate": true
            } );
    });
    
</script>

<script>
function email_template_setting(val,id){ 
    if(val == 0){
        email_template = 1;
    }
    if(val == 1){
        email_template = 0;
    }
    $.ajax({
        type:'GET',
        url:"{{url('ajax/email-template-setting')}}",
        data:{id:id,email_template:email_template},
        success:function(){
            location.reload();
        }                   
    }); 
}


function sms_template_setting(val,id){ 
    if(val == 0){
        sms_template = 1;
    }
    if(val == 1){
        sms_template = 0;
    }
    $.ajax({
        type:'GET',
        url:"{{url('ajax/sms-template-setting')}}",
        data:{id:id,sms_template:sms_template},
        success:function(){
            location.reload();
        }                   
    }); 
}

function notification_template_setting(val,id){ 
    if(val == 0){
        notification_template = 1;
    }
    if(val == 1){
        notification_template = 0;
    }
    $.ajax({
        type:'GET',
        url:"{{url('ajax/notification-template-setting')}}",
        data:{id:id,notification_template:notification_template},
        success:function(){
            location.reload();
        }                   
    }); 
}



</script>








<script>
function email_setting(val){
    if(val == 0){
        email_template = 1;
    }
    if(val == 1){
        email_template = 0;
    }
    $.ajax({
        type:'GET',
        url:"{{url('ajax/email-template-status')}}",
        data:{email_template:email_template},
        success:function(){
            location.reload();
        }                   
    });
}
</script>





<script>
function sms_setting(val){
    if(val == 0){
        sms_template = 1;
    }
    if(val == 1){
        sms_template = 0;
    }
    $.ajax({
        type:'GET',
        url:"{{url('ajax/sms-template-status')}}",
        data:{sms_template:sms_template},
        success:function(){
            location.reload();
        }                   
    });
}
</script>
<script>
function notification_setting(val){
    if(val == 0){
        notification_template = 1;
    }
    if(val == 1){
        notification_template = 0;
    }
    $.ajax({
        type:'GET',
        url:"{{url('ajax/notification-template-status')}}",
        data:{notification_template:notification_template},
        success:function(){
            location.reload();
        }                   
    });
}
</script>




<!-- <script>
$(document).ready(function () {
    var switchStatus = false;
    $("#togBtn").on('change', function() {
        if ($(this).is(':checked')) {
            switchStatus = $(this).is(':checked');
            alert(switchStatus);// To verify
        }
        else {
        switchStatus = $(this).is(':checked');
        alert(switchStatus);// To verify
        }
    });
});
</script> -->

@endsection('content')