@extends('layouts.admin_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>PSP Setting</h1>
	</div>
	<div class="flash-message">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
	</div>
	
	<div class="bg-dark rounded-3 px-4 py-4 px-xl-6 py-xl-5 mb-4">
        <form role="form" method="post" action="{{ url('/admin/setting/pspsettingsupdate') }}" enctype="multipart/form-data">
			@csrf
			
                
                <div class="row gx-4 gx-xl-5">
                    <div class="col-sm-12 col-md-6 col-lg-6">
                        <div class="mb-4">
                            <label for="countrytype" class="form-label">Select Country Type <span class="required-mark">*</span></label>
                            <select name="countrytype" class="select2 form-control form-control-lg bg-dark @error('countrytype') is-invalid @enderror" id="selectedusers" >														
                              <option value="all"@if($pspsetting->country == 'all') selected @endif>All</option>
                              <option value="selected" @if($pspsetting->country != 'all') selected @endif>Selected Countries</option>
                            </select>
                            @error('countrytype')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row gx-4 gx-xl-5">
                    <div id="SelectedUsersList" class="col-sm-12 col-md-6 col-lg-6">
                        <div class="mb-4">
                            <label for="country" class="form-label">@lang('translate.country') <span class="required-mark">*</span></label>
                            <select name="country[]" class="select2 form-control form-control-lg bg-dark @error('country') is-invalid @enderror" id="country" multiple>							                                
                                @foreach($countrylist as $country)
                                <option value='{{ $country->name }}' @if(in_array($country->name,$explodecure)) selected @endif >{{ $country->name }}</option>
                                @endforeach
                            </select>
                            @error('country')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row gx-4 gx-xl-5">
                    <div class="col-sm-12 col-md-6 col-lg-6">
                        <div class="mb-4">
                            <label for="status" class="form-label">@lang('translate.status') <span class="required-mark">*</span></label>
                            <select name="status" class="form-control form-control-lg bg-secondary @error('status') is-invalid @enderror" id="status">
                                <option value="1" @if($pspsetting->status == '1') selected @endif>Active</option>
                                <option value="0" @if($pspsetting->status == '0') selected @endif>Inactive</option>
                            </select>
                            @error('status')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>                        
                    </div>                    
                </div>               

                <div class="row gx-4 gx-xl-5">
                    <div class="col-sm-12 col-md-6 col-lg-6">
                        <div class="mb-4">
                            <label for="order_no" class="form-label">Order No. <span class="required-mark">*</span></label>
                            <input type="text" name="order_no" class="form-control form-control-lg @error('order_no') is-invalid @enderror" id="order_no" placeholder="Enter Order No." value="{{ $pspsetting->order_no }}">
                            @error('order_no')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row gx-4 gx-xl-5">
                <input type="hidden" name="pgid" value="{{$pspsetting->pgid}}">
                <input type="hidden" name="pspid" value="{{$pspsetting->id}}">
				<div class="col-md-12 pt-2">
					<button class="btn btn-primary btn-xs font-15" type="submit" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">@lang('translate.submit')</button>
				</div>
			</div>
			</div>
			
			
		</form>
	</div>
</div>
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
    $(function() {
        // Initial check to show/hide the div based on the selected country type
        var countryType = $('#selectedusers').val();
        if(countryType === 'selected'){
            $('#SelectedUsersList').show();
        } else {
            $('#SelectedUsersList').hide();
        }

        // Event listener for changes in the country type selection
        $("#selectedusers").change(function() {
            if($(this).val() === 'selected'){
                $('#SelectedUsersList').show();
            } else {
                $('#SelectedUsersList').hide();
            }
        });
    });
</script>
@endsection