@extends('layouts.master')
    
@section('title', 'Type of Member')
    
@section('style')

@endsection
    
@section('script')

@endsection
    
@section('content')
    
	@include('layouts.header')
	@include('layouts.header-sub')

	<section class="wrapper bg-light">
		<div class="container py-14 py-md-16">
			<div class="row gx-lg-8 gx-xl-12">

				<div class="col-md-12">
					<h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
					<p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
				</div>

				<div class="col-lg-12">
					<div class="blog single">
						<div class="card">
							<div class="card-body">

								<form class="contact-form" method="post" action="{{ url('/membertypeedit') }}" enctype="multipart/form-data">
									{{ csrf_field() }}
										
									<input name="member_type_id" value="{{ $member_type_id }}" type="hidden">
										
									<div class="messages"></div>
									<div class="row gx-4">
											
										<div class="col-md-12">
											<div class="form-floating mb-4">
												<input id="member_type_name" type="text" name="member_type_name" class="form-control" placeholder="Name of Type"  value="{{ $member_type_name }}"
													   autocomplete="off">
												<label for="form_lastname">Name of Type</label>
											</div>
										</div>

										<div class="col-md-12">
											<div class="form-floating mb-4">
												<input id="member_type_sick" type="text" name="member_type_sick" class="form-control" placeholder="Sick Leave (per years)"  value="{{ $member_type_sick }}"
													   autocomplete="off">
												<label for="form_lastname">Sick Leave (per years)</label>
											</div>
										</div>

										<div class="col-md-12">
											<div class="form-floating mb-4">
												<input id="member_type_business" type="text" name="member_type_business" class="form-control" placeholder="Business Leave (per years)"  value="{{ $member_type_business }}"
													   autocomplete="off">
												<label for="form_lastname">Business Leave (per years)</label>
											</div>
										</div>

										<div class="col-md-12">
											<div class="form-floating mb-4">
												<input id="member_type_annual" type="text" name="member_type_annual" class="form-control" placeholder="Annual Leave (per month)"  value="{{ $member_type_annual }}"
													   autocomplete="off">
												<label for="form_lastname">Annual Leave (per month)</label>
											</div>
										</div>

										<div class="col-md-12">
											<div class="form-floating mb-4">
												<input id="member_type_max" type="text" name="member_type_max" class="form-control" placeholder="Max (per years)"  value="{{ $member_type_max }}"
													   autocomplete="off">
												<label for="form_lastname">Max (per years)</label>
											</div>
										</div>

										
										@php
											$months = [
												1 => 'January', 2 => 'February', 3 => 'March', 4 => 'April',
												5 => 'May', 6 => 'June', 7 => 'July', 8 => 'August',
												9 => 'September', 10 => 'October', 11 => 'November', 12 => 'December'
											];
										@endphp

										<div class="col-md-12">
											<div class="form-select-wrapper mb-4">
												<select class="form-select" id="member_type_month" name="member_type_month">
													<option disabled selected value="">Special</option>
													@foreach($months as $num => $name)
														<option @if($member_type_month == $num) selected @endif value="{{ $num }}">{{ $name }}</option>
													@endforeach
												</select>
											</div>
										</div>


										<div class="col-md-12">
											<div class="form-floating mb-4">
												<input id="member_type_count" type="text" name="member_type_count" class="form-control" placeholder="Number of special"  value="{{ $member_type_count }}"
													   autocomplete="off">
												<label for="form_lastname">Number of special</label>
											</div>
										</div>

										

										

										<div class="col-12 text-center" style="margin-top: 20px">
											<input type="submit" class="btn btn-sm btn-primary rounded-pill btn-send mb-3" value="Submit">

											<a class="btn btn-sm btn-violet rounded-pill btn-send mb-3" href="{{ url('/membertypelist') }}">
												<i class="uil uil-back"></i> Back
											</a>

											<p class="text-muted"><strong>*</strong> These fields are required.</p>
										</div>
										
									</div>
								</form>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>


	@include('layouts.footer')
    
@endsection