@extends('layouts.app')
@php $users = get_users(['user_role'=>2]) @endphp
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Add Options</h4>
                    <p class="card-title-desc"></p>
                    <form class="needs-validation" novalidate action="{{ route('metas.store') }}" method="POST">
                    	
                    	<div class="hidden-fields">@csrf</div>
				        @php echo get_session_message() @endphp
				        @php echo get_session_errors($errors) @endphp

						<div class="row mb-4">
						    <label class="col-sm-3 col-form-label">
						    	Set Age Group
						    </label>
						    <div class="col-sm-6 d-flex">
						        <input type="hidden" name="option[option_type]" value="age-group">
						        
						        <input type="hidden" name="option_name[slot_1]" value="slot_1">
						        <input type="text" class="form-control me-1" placeholder="E.g 1-3" name="option_value[slot_1]" value="{{get_option('slot_1')}}">

						        <input type="hidden" name="option_name[slot_2]" value="slot_2">
						        <input type="text" class="form-control me-1" placeholder="E.g 4-8" name="option_value[slot_2]" value="{{get_option('slot_2')}}">

						        <input type="hidden" name="option_name[slot_3]" value="slot_3">
						        <input type="text" class="form-control me-1" placeholder="E.g 9-12" name="option_value[slot_3]" value="{{get_option('slot_3')}}">

						        <input type="hidden" name="option_name[slot_4]" value="slot_4">
						        <input type="text" class="form-control me-1" placeholder="E.g 13-14" name="option_value[slot_4]" value="{{get_option('slot_4')}}">
						        
						        <span class="invalid-feedback" role="alert">
						            <strong>Age Group is required</strong>
						        </span>
						    </div>    
						</div>

						<div class="row mb-4">
						    <div class="col-md-6 d-flex">
							    <label class="col">Payment API</label>
							    <div class="col">
							    	@php $payment_api = get_option('payment_api') @endphp
							        <input type="hidden" name="option_name[payment_api]" value="payment_api">
							        <label> On &nbsp;
							        	<input type="radio" class="me-1" name="option_value[payment_api]" value="1" {{$payment_api == 1 ?'checked':''}}>
							        </label>
							        <label> Off &nbsp;
							        	<input type="radio" class="me-1"  name="option_value[payment_api]" value="0" {{$payment_api == 0 ?'checked':''}}>
							    	</label>
							        
							        <span class="invalid-feedback" role="alert">
							            <strong>Payment API is reqruied</strong>
							        </span>
							    </div>
						    </div> 
						    <div class="col-sm-6 d-flex">
							    <label class="col">Send Verification on SMS</label>
							    <div class="col">
							    	@php $send_verification = get_option('send_verification_on_sms') @endphp
							        <input type="hidden" name="option_name[send_verification_on_sms]" value="send_verification_on_sms">
							        <label> On &nbsp;
							        	<input type="radio" class="me-1" name="option_value[send_verification_on_sms]" value="1" {{$send_verification == 1 ?'checked':''}}>
							        </label>
							        <label> Off &nbsp;
							        	<input type="radio" class="me-1"  name="option_value[send_verification_on_sms]" value="0" {{$send_verification == 0 ?'checked':''}}>
							    	</label>
							        
							        <span class="invalid-feedback" role="alert">
							            <strong>Payment API is reqruied</strong>
							        </span>
							    </div>						    	
						    </div>
						</div>
		

						<div class="row mb-4">
						    <label class="col-sm-3 col-form-label" for="firebase_notification_key">
						    	Firebase Notification Key
						    </label>
						    <div class="col-sm-8 d-flex">
						    	@php $firebase_notification_key = get_option('firebase_notification_key') @endphp
						        <input type="hidden" name="option_name[firebase_notification_key]" value="firebase_notification_key">
					        	<input type="text" class="form-control" id="firebase_notification_key" name="option_value[firebase_notification_key]" value="{{$firebase_notification_key}}">
						    </div>    
						</div>

						<div class="row mb-4">
						    <label class="col-sm-3 col-form-label" for="google_place_key">
						    	Google Place API Key
						    </label>
						    <div class="col-sm-8 d-flex">
						    	@php $google_place_key = get_option('google_place_key') @endphp
						        <input type="hidden" name="option_name[google_place_key]" value="google_place_key">
					        	<input type="text" class="form-control" id="google_place_key" name="option_value[google_place_key]" value="{{$google_place_key}}">
						    </div>    
						</div>													

						<div class="row mb-4">
						    <label class="col-sm-3 col-form-label" for="referrer_bonus_point">App Referrer Details</label>
						    <div class="col-sm-3">
						    	<label for="referrer_bonus_point">Referrer Bonus Point</label>
						        <input type="hidden" name="option_name[referrer_bonus_point]" value="referrer_bonus_point">
						        <input type="number" class="me-1 form-control" name="option_value[referrer_bonus_point]" value="{{get_option('referrer_bonus_point')}}" placeholder="Referrer Bonus Point" id="referrer_bonus_point">
						        <span class="invalid-feedback" role="alert">
						            <strong>Referrer Bonus Points is reqruied</strong>
						        </span>
						        <div><small>Note : sharing app with referrer code</small></div>    
						    </div>
						    <div class="col-sm-3">
								<label for="registration_bonus_point">Registration Bonus Points</label>
						        <input type="hidden" name="option_name[registration_bonus_point]" value="registration_bonus_point">
						        <input type="number" class="me-1 form-control" name="option_value[registration_bonus_point]" value="{{get_option('registration_bonus_point')}}" placeholder="Registration Bonus Point" id="registration_bonus_point" />
						        <span class="invalid-feedback" role="alert">
						            <strong>registration bonus points is reqruied</strong>
						        </span>
						        <div><small>Note : register with shared referrer code</small></div>    						
						    </div>
						    <div class="col-sm-3">
								<label for="bonus_point_amount"> Bonus Point Amount ({{default_currency_sign()}})</label>
							    <input type="hidden" name="option_name[bonus_point_amount]" value="bonus_point_amount">
							    <input type="number" class="me-1 form-control" name="option_value[bonus_point_amount]" value="{{get_option('bonus_point_amount')}}" placeholder="Bonus Point Amount" id="bonus_point_amount" />
							    <span class="invalid-feedback" role="alert"><strong>bonus points amount is reqruied</strong></span>
								<div><small>Note : 1000 points = {{get_option('bonus_point_amount')}} {{default_currency_sign()}} </small></div>	
						    </div>
						</div>		

						<div class="row mb-4">
						    <label class="col-sm-3 col-form-label" for="code_prefix">Referrer Code</label>
						    <div class="col-sm-3">
						    	<label for="code_prefix">Prefix</label>
						        <input type="hidden" name="option_name[code_prefix]" value="code_prefix">
						        <input type="text" class="me-1 form-control" name="option_value[code_prefix]" value="{{get_option('code_prefix')}}" placeholder="Code Prefix" id="code_prefix">
						        <span class="invalid-feedback" role="alert">
						            <strong>Referrer Bonus Points is reqruied</strong>
						        </span>
						    </div>
						    <div class="col-sm-3">
								<label for="code_length">Length</label>
						        <input type="hidden" name="option_name[code_length]" value="code_length">
						        <input type="number" class="me-1 form-control" name="option_value[code_length]" value="{{get_option('code_length')}}" placeholder="Length" id="code_length" />
						        <span class="invalid-feedback" role="alert">
						            <strong>registration bonus points is reqruied</strong>
						        </span>
						    </div>
						</div>

						<div class="row mb-4">
						    <label class="col-sm-3 col-form-label" for="verification_code_length">Verification Code Length</label>
						    <div class="col-sm-2">
						        <input type="hidden" name="option_name[verification_code_length]" value="verification_code_length">
						        <input type="number" class="me-1 form-control" name="option_value[verification_code_length]" value="{{get_option('verification_code_length')}}" placeholder="Code" id="verification_code_length">
						        <span class="invalid-feedback" role="alert">
						            <strong>Referrer Bonus Points is reqruied</strong>
						        </span>
						    </div>
						</div>

						<div class="row mb-4">
						    <label class="col-sm-3 col-form-label" for="showing_event_in_distance">Show Event In Miles</label>
						    <div class="col-sm-2">
						        <input type="hidden" name="option_name[showing_event_in_distance]" value="showing_event_in_distance">
						        <input type="number" class="me-1 form-control" name="option_value[showing_event_in_distance]" value="{{get_option('showing_event_in_distance')}}" placeholder="Distance in miles" id="showing_event_in_distance">
						        <span class="invalid-feedback" role="alert">
						            <strong>Referrer Bonus Points is reqruied</strong>
						        </span>
						    </div>
						</div>	

						<div class="row mb-4">
							@php $termLink = get_option('term_condition_link') @endphp
						    <label class="col-sm-3 col-form-label" for="term_condition_link">Terms & Condition Page</label>
						    <div class="col-sm-9">
						        <input type="hidden" name="option_name[term_condition_link]" value="term_condition_link">
						        <input type="url" class="me-1 form-control" name="option_value[term_condition_link]" value="{{$termLink}}" placeholder="Page link" id="term_condition_link">
						        @if(!empty($termLink))
						        	<a href="{{$termLink}}" target="_blank">View</a>
						        @endif
						    </div>
						</div>		

						<div class="row">
	                        <h3 class="mt-4">Api Credentials</h3>

	                        <div class="col-md-4 mt-2">
	                            <div class="form-group">
	                                <label for="api_key">Api Key</label>
	                                <input type="hidden" name="option_name[api_key]" value="api_key">
	                                <input type="text" name="option_value[api_key]" value="{{get_option('api_key')}}" class="form-control" id="api_key">
	                            </div>
	                        </div>

	                        <div class="col-md-4 mt-2">
	                            <div class="form-group">
	                                <label for="api_id">Api Id</label>
	                                <input type="hidden" name="option_name[api_id]" value="api_id">
	                                <input type="text" name="option_value[api_id]" value="{{get_option('api_id')}}" class="form-control" id="api_id">
	                            </div>
	                        </div>

	                        <div class="col-md-4 mt-2 mb-2">
	                            <div class="form-group">
	                                @php $api_status = get_option('api_status') @endphp
	                                <label for="api_status">Api Status</label>
	                                <input type="hidden" name="option_name[api_status]" value="api_status">
	                                <select class="form-control" name="option_value[api_status]" id="api_status">
	                                    <option {{ $api_status == 'enable'?'selected':'' }} value="enable">Enable</option>
	                                    <option {{ $api_status == 'disable'?'selected':'' }} value="disable">Disable</option>
	                                </select>
	                            </div>
	                        </div>
                        </div>

						<div class="row mb-2">
	                        <h3 class="mt-4">Stripe Api Credentials</h3>

	                        <div class="col-md-6 mt-2">
	                            <div class="form-group">
	                                <label for="stripe_publish_key">Publish Key</label>
	                                <input type="hidden" name="option_name[stripe_publish_key]" value="stripe_publish_key">
	                                <input type="text" name="option_value[stripe_publish_key]" value="{{get_option('stripe_publish_key')}}" class="form-control" id="stripe_publish_key">
	                            </div>
	                        </div>

	                        <div class="col-md-6 mt-2">
	                            <div class="form-group">
	                                <label for="stripe_secret_key">Secret Key</label>
	                                <input type="hidden" name="option_name[stripe_secret_key]" value="stripe_secret_key">
	                                <input type="text" name="option_value[stripe_secret_key]" value="{{get_option('stripe_secret_key')}}" class="form-control" id="stripe_secret_key">
	                            </div>
	                        </div>


                        </div>                        


                        <div class="d-flex flex-wrap gap-2">
                            <button type="submit" class="btn btn-primary waves-effect waves-light">Submit</button>
                            <button type="reset" class="btn btn-secondary waves-effect">Cancel</button>
                        </div>
                    </form>

                    <hr>
                    <h4 class="card-title">Test Send Mail</h4>
                    <p class="card-title-desc"></p>
                    
                    <form action="{{route('send.mail')}}" method="POST" class="submit-form">
                    	<div class="row align-items-end">
	                        <div class="col-md-4 mt-2">
	                            <div class="form-group">
	                                <label for="e-mail">E-Mail</label>
	                                <input type="text" name="email" class="form-control" id="e-mail" value="" >
	                            </div>
	                        </div>
	                        <div class="col-md-4 mt-2">
	                            <button type="submit" class="btn btn-primary waves-effect waves-light">Send</button>
	                        </div>
	                    </div>    
                    </form>
                </div>
            </div>
        </div> <!-- end col -->
    </div> 
</div>
@endsection