@extends('layouts.app')
@section('content')
<form class="form" method="POST" action="/master-country/store">

            <section class="content mb-5">
                <div class="container-fluid">
					
					<div class="row titlepad publsih-sticky">
						<div class="col-md-12">
							<div class="mt-3 mb-3">
								<div class="dashbed-border-bottom"></div>
							</div>
							<div class="row">
								<div class="col-sm-8">
									<h4>Add Country</h4>
									<p class="page-sub-head">Add/Edit Country</p>

								</div>
								<div class="col-md-4 text-sm-right mt-2"> 
									<button type = "submit" class="btn-md px-3 py-2 btn-primary"><i class="fa fa-check-square-o"></i> Publish</button>
									<a href="javascript:history.back()" class="btn-md px-3 py-2 btn-secondary"><i class="fa fa-chevron-circle-left"></i> Cancel</a>
								</div> 
							</div>
						
						</div>
					</div>
					
					
					
                    <div class="row"> 
						 <div class="col-md-8">
								  
							  
								<div class="tabData mt-4">
									<h6>Enter the details below for create/edit Country</h6>
									<div class="mt-2 mb-2">
										<div class="dashbed-border-bottom"></div>
									</div>
									<div class="pb-4">
										<div class="row"> 
											<div class="col-md-6">
												<div class="form-group">
													<label>Country Name <span class="text-red">*</span></label>
													<input type="text" name = "name" class="form-control" placeholder="Enter Country Name"  />
												</div>
											</div> 
											<div class="col-md-6">
												<div class="form-group">
													<label>Nationality <span class="text-red">*</span></label>
													<input type="text" name = "nationality" class="form-control" placeholder="Enter Nationality"  />
												</div>
											</div> 
											<div class="col-md-6">
												<div class="form-group">
													<label>Dial Code <span class="text-red">*</span></label>
													<input type="text" name = "phone_code" class="form-control" placeholder="Enter Dial Code"  />
												</div>
											</div> 
										</div>
									</div>
								</div>
							 
							 
							 
							</div>
							<div class="col-md-4">
								<div class="card">
									<div class="card-header" id="headingOne">
									  <h5 class="mb-0">
										<button class="btn btn-link text-black shadow-none pl-0 pb-0 staturightghead">Status Update</button>
									  </h5>
									</div>
 
									  <div class="card-body"> 
										  <div>
										  		<label class="logCheck mb-3"> 
													<input type="radio"  checked name="status" value = "active">
													<div>Active</div>
													<span class="checkmark"></span> 
												</label>
											  
											  	<label class="logCheck mb-0">													
													<input type="radio" name="status" value = "inactive">
													<div>InActive</div>
													<span class="checkmark"></span>
												</label> 
										  	
										  </div>
										  		
										     
									  </div> 
								  </div>
                             
                            
                        </div>
                    </div>


                </div>
            </section>
</form>
@endsection