@extends('layouts.back-end.body')

@section('content')	
    <div class="app-content pt-3 p-md-3 p-lg-4">
		    <div class="container-xl">			    
			    
                <div class="row g-4 settings-section">
	                <div class="col-12 col-md-4">
		                <h3 class="section-title">{{ __('message.customer') }}</h3>
		                <div class="section-intro">{{ __('message.setting section introduce goes here-auto') }}</div>
	                </div>
	                <div class="col-12 col-md-8">
		                <div class="app-card app-card-settings shadow-sm p-4">						    
						    <div class="app-card-body">
							    <form class="settings-form" id="player-setting" method="POST" action="{{ !isset($row)?route('setting.store'):route('setting.update',$row->id) }}" enctype="multipart/form-data">
								@csrf
								<input type="hidden" name="module_name" value="auto-approve">
								@if (isset($row))
									<input name="_method" type="hidden" value="PUT">
									<input type="hidden" id="id" value="{!! isset($row['id']) ? $row['id'] : 0 !!}">
								@endif
								    <div class="form-check form-switch mb-3">
										@if(isset($row))
											@if($row->is_auto == 0)
											<input class="pointer form-check-input" type="checkbox" id="settings-switch-1" value="0" name="is_auto">
											@else
											<input class="pointer form-check-input" type="checkbox" id="settings-switch-1" value="1" name="is_auto" checked>
											@endif
										@else
											<input class="pointer form-check-input" type="checkbox" id="settings-switch-1" value="0" name="is_auto">
										@endif
										<label class="form-check-label" for="settings-switch-1">{{ __('message.auto approve') }}</label>
									</div>
							    </form>
						    </div><!--//app-card-body-->						    
						</div><!--//app-card-->
	                </div>
                </div><!--//row-->
			    <hr class="my-4">
		    </div><!--//container-fluid-->
	    </div>

    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif
    <style>
		.pointer{
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		
		$('#settings-switch-1').on('change', function (e) {
			var optionSelected = $(this).val();
			if(optionSelected == 1){
				$('#settings-switch-1').val(0);
			} else {
				$('#settings-switch-1').val(1);
			}
			$( "#player-setting" ).submit();
		});

	</script>
@endsection