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

<div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
	<div class="overlay">
		<h1>Consents required</h1>
	</div>
</div>

<div class="page-section">
	<div class="container">
		<form class="contact-form check-button" method="post" enctype="multipart/form-data">
			@csrf
			<h6>Q1 : <small>Are you happy for the information you have provided about your adopted site to be used in the GIRT website and associated platforms and shared with the management agency? </small>				</h6>

			<div class="btn-group btn-group-toggle" data-toggle="buttons">
				<label class="btn btn-outline-primary{{ (old('share_adopted_associates') === '1') ? ' active' : '' }}">
					<input name="share_adopted_associates" type="radio" onclick="questionactive();"
						value="1" class="form-input-control{{ $errors->has('share_adopted_associates') ? ' is-invalid' : '' }}"
						id="share_adopted_associates"
						@if (old('share_adopted_associates') === '1') checked @endif> Yes
				</label>
				<label class="btn btn-outline-primary{{ (old('share_adopted_associates') === '0') ? ' active' : '' }}">
					<input name="share_adopted_associates" type="radio" value="0"
						id="share_adopted_associates" onclick="questionOne();"
						class="form-input-control{{ $errors->has('share_adopted_associates') ? ' is-invalid' : '' }}"
						id="share_adopted_associates"
						@if (old('share_adopted_associates') === '0') checked @endif> No
				</label>
			</div>
			@if ($errors->has('share_adopted_associates'))
				<div class="invalid-feedback" style="display:block">
					{{ $errors->first('share_adopted_associates') }}
				</div>
			@endif

			<h6>Q2 : <small>Are you happy to be featured as GIRT member on the website or Facebook Page? </small></h6>
			<div class="btn-group btn-group-toggle" data-toggle="buttons">
				<label class="btn btn-outline-primary{{ (old('can_be_featured') === '1') ? ' active' : '' }} toggle-bio-show">
					<input name="can_be_featured" type="radio" value="1"
						class="show-bio form-input-control{{ $errors->has('can_be_featured') ? ' is-invalid' : '' }}"
						id="can-be-featured-yes"
						@if (old('can_be_featured') === '1') checked @endif/>Yes
				</label>
				<label class="btn btn-outline-primary{{ (old('can_be_featured') === '0') ? ' active' : '' }} toggle-bio-hide">
					<input name="can_be_featured" type="radio" value="0"
						class="hide-bio form-input-control{{ $errors->has('can_be_featured') ? ' is-invalid' : '' }}"
						id="can-be-featured-no"
						@if (old('can_be_featured') === '0') checked @endif/>No
				</label>
			</div>
			@if ($errors->has('can_be_featured'))
				<div class="invalid-feedback" style="display:block">
					{{ $errors->first('can_be_featured') }}
				</div>
			@endif

			<div style="{{ (old('can_be_featured', 0) == 0) ? 'display:none' : '' }}" id="bioDeatilsDiv">
				<div class="image-sec">
					<h6>Profile Image :</h6>
					<div class="image-upload ">
						<input type="file" class="custom-file-input fileup" name="image" id="image">
						<img id="img_prev" src="{{asset('/images/image-upload.jpg')}}" alt="">
					</div>
				</div>
				<div class="form-group">
					<h6>Bio :</h6>
					<textarea name="bio" rows="5" cols="150" class="form-control{{ $errors->has('bio') ? ' is-invalid' : '' }}"
						id="bio" placeholder="Description">{{ old('bio') }}</textarea>
					@if ($errors->has('bio'))
						<div class="invalid-feedback" style="display:block">
							{{ $errors->first('bio') }}
						</div>
					@endif
					@if ($errors->has('image'))
						<div class="invalid-feedback" style="display:block">
							{{ $errors->first('image') }}
						</div>
					@endif
				</div>
			</div>

			<h6>Q3 : <small>Are you a member of AIMA?</small></h6>
			<div class="btn-group btn-group-toggle" data-toggle="buttons">
				<label class="btn btn-outline-primary{{ (old('member_of_aima') === '1') ? ' active' : '' }}">
					<input name="member_of_aima" type="radio" value="1"
						class="form-input-control" id="member_of_aima"
						@if (old('member_of_aima') === '1') checked @endif> Yes
				</label>
				<label class="btn btn-outline-primary{{ (old('member_of_aima') === '0') ? ' active' : '' }}">
					<input name="member_of_aima" type="radio" value="0" id="member_of_aima" onclick="participate();"
						class="form-input-control" id="member_of_aima"
						@if (old('member_of_aima') === '0') checked @endif> No
				</label>
			</div>
			@if ($errors->has('member_of_aima'))
				<div class="invalid-feedback" style="display:block">
					{{ $errors->first('member_of_aima') }}
				</div>
			@endif

			<h6>Q4 : <small>Have you attended an AIMA/NAS Course?</small></h6>

			<div class="btn-group btn-group-toggle" data-toggle="buttons">
				<label class="btn btn-outline-primary{{ (old('attended_aima_courses') === '1') ? ' active' : '' }}">
					<input name="attended_aima_courses" type="radio" value="1"
						class="form-input-control"
						id="attended_aima_courses"
						@if (old('attended_aima_courses') === '1') checked @endif> Yes
				</label>
				<label class="btn btn-outline-primary{{ (old('attended_aima_courses') === '0') ? ' active' : '' }}">
					<input name="attended_aima_courses" type="radio"
						value="0" id="attended_aima_courses"
						onclick="participate();"
						class="form-input-control"
						id="attended_aima_courses"
						@if (old('attended_aima_courses') === '0') checked @endif> No
				</label>
			</div>
			@if ($errors->has('attended_aima_courses'))
				<div class="invalid-feedback" style="display:block">
					{{ $errors->first('attended_aima_courses') }}
				</div>
			@endif

			
			<h6>Q5: <small>Are you a member of a dive club/avocational archaeology group? </small></h6>
			<div class="btn-group btn-group-toggle" data-toggle="buttons">
				<label class="btn btn-outline-primary{{ (old('share_adopted_associates') === '1') ? ' active' : '' }}">
					<input name="member_of_dive_club" type="radio" value="1"
						class="form-input-control{{ $errors->has('member_of_dive_club') ? ' is-invalid' : '' }}"
						id="q10"
						@if (old('member_of_dive_club') === '1') checked @endif> Yes
				</label>
				<label class="btn btn-outline-primary{{ (old('member_of_dive_club') === '0') ? ' active' : '' }}">
					<input name="member_of_dive_club" type="radio" value="0" id="member_of_dive_club"
						class="form-input-control{{ $errors->has('member_of_dive_club') ? ' is-invalid' : '' }}"
						 id="member_of_dive_club"
						 @if (old('member_of_dive_club') === '0') checked @endif> No
				</label>
			</div>
			@if ($errors->has('member_of_dive_club'))
				<div class="invalid-feedback" style="display:block">
					{{ $errors->first('member_of_dive_club') }}
				</div>
			@endif


			<div class="form-group">
				<div class="col-xs-12">
					<br>
					<button class="girt-btn form-btn" id="submit" type="submit">{{ __('Apply') }}
						<i></i>
					</button>
				</div>
			</div>
		</form>
	</div>
</div>
@endsection
@section('scripts')
<script>
	$.ajaxSetup({
    headers: { 'X-CSRF-TOKEN': document.head.querySelector('meta[name="csrf-token"]').content }
});



	function participate() {
		// alert("[If no cannot participate in GIRT].");
	}

	function questionactive() {
    	document.getElementById("submit").disabled = false;
	}


    function questionOne() {
    	document.getElementById("submit").disabled = true;
         swal({
              title: "Information",
              text: "If no cannot be a member",
              icon: "warning",
              buttons: true,
              dangerMode: true,
        })
        .then((willDelete) => {
              if (willDelete) {
                    $.ajax({
                        type: "POST",
                        url: '/deleteMember',
                        data: {},
                        success: function( msg ) {
                            
                        }
                    });
                } else {
                swal("Not deleted!");
              }

        });
    }

</script>
@endsection