@extends('adminlayout.mobile_sidebar')

@section('content')
   <div class="loader"></div>
        <div class="courier_loader" style="display:none"></div>
        <div class="wrapper">
          

<style>


.mainTop{
	ackground-color: rgb(239, 239, 239);
    background-size: cover;
    display: flex;
    justify-content: center;
}
.maxWidth {
    max-width: 450px;
}
.mainRoot{
	display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
    min-width: 320px;
	min-height: 100%!important;
	padding-bottom: 15px;
}
.sticky-top {
    z-index: 1111 !important;
}
.headerNav {
	background: #fff;
    opacity: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
	padding: 0.8rem 0.6rem !important;
}
.boxShadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}
.navLeftText {
    color: #111111;
}
.innerHeadText{
	font-size: 16px;
}
.backIcon {
    margin-right: 15px;
}
.backIcon img{
	width: 21px;
}
.m-t-10{
	margin-top: 10px;
}

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
  float: right;
}

.button_a {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 30px;
  margin: 0px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
  /*float: right;*/
}

.button2 {
  background-color: #008CBA; 
  color: white; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: white;
  color: black;
}

.button3 {
  background-color: green; 
  color: white; 
  border: 2px solid green;
}

.button3:hover {
  background-color: white;
  color: black;
}
/*end*/



</style>



<style>


/* Slideshow container */
.slideshow-container {
  /*max-width: 1000px;*/
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
</style>


<style>
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
</style>


<style>

ul li {
  font-size: 14px;
}

/* Create two equal columns that floats next to each other */
.column1 {
  float: left;
  width: 60%;
  padding: 20px;
  /*border: 0.50px solid black;*/
}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column1 {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .column2 {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .column3 {
    width: 100%;
  }
}
</style>





<!-- page content -->
<div class="nk-content-body">
<div class="mainTop">
	<div class="mainRoot maxWidth">
		<div class="navTop sticky-top">
			<nav id="" class="navbar navbar-expand-lg headerNav boxShadow">
				<div class="navLeftText">
					<a class="backIcon" href="{{ url()->previous() }}"><span><img src="{{url('/assets/images/mob-dash/back-arrow.png')}}"></span></a> <span class="innerHeadText">Health Insurance</span>
				</div>
				
			</nav>
		</div>
	<div class="container">
 <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper settingPage">


<!-- Main content -->
    <section class="content">
        <div class="box box-success">
        
        <div class="box-body">
        <br>        

         <img style="width: 10%;float: right!important;" src="{{ URL::asset('public/assets/images/Care_health_insurance_logo.png') }}">       

      <p>
        <br><br><i class="fa fa-user-circle-o" style="font-size:20px;color: #ff851b;"></i>
       <span style="color: #ff851b;"> Name: Ms. Nisha   </span>  
       <i class="fa fa-address-book-o" style="font-size:20px;color: #3c8dbc;"></i>
        &nbsp<span style="color: #3c8dbc;">Number: 8090809059 </span>
        &nbsp&nbsp <i class="fa fa-envelope" style="font-size:20px;color: #ff0000;"></i>
        &nbsp<span style="color: #ff0000;">E-mail: info@globaltax.in </span></p><br>



<!-- slider -->
        
<div class="slideshow-container">

<div class="mySlides">
  <!-- <div class="numbertext">1 / 2</div> -->
  <img src="{{ URL::asset('public/assets/images/helth_insurance_-bima_banner.jpg') }}" style="width:100%">
  <!-- <div class="text">Caption Text</div> -->
</div>

</div>
<br>

<!-- <div style="text-align:center">
  <span class="dot"></span> 
</div> -->


<!-- end slider -->


         <center><div> 
                    <button class="button_a button3 login_btn" data-toggle="tooltip" data-placement="bottom" title="click to login" onclick=""> 
					<i class="fa fa-sign-in" aria-hidden="true"></i> <span><img src="{{ URL::asset('public/assets/images/click.gif') }}" style="width:5%;"> Click to Login</span><br><span style="font-size: 20px;">Use your Globaltax Suvidha Kendra Registered Number</span> </button>
          
         </div>
        
         
         </center>

      <br>
        
          


<div style="overflow-x:auto;">

      <table id="customers" style="font-size: 14px;">     
                                                   <thead>
                                                       <tr>

                                                        <th style="background-color: #d6d2c8;text-align: center;width: 30%;"><strong></strong></th>
                                                        <th style="background-color: #d6d2c8;text-align: center;color: black;"><strong>Option 1</strong></th>
                                                        <th style="background-color: #d6d2c8;text-align: center;color: black;"><strong>Option 2</strong></th>
                                                        <th style="background-color: #d6d2c8;text-align: center;color: black;"><strong>Option 3</strong></th>
                                                       
                                                      </tr>
    
                                                   </thead>
                                                   <tbody>
  
                                                      
                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Sum Insured</td>
                                                        <td style="text-align: center;">INR 50k</td>
                                                        <td style="text-align: center;">INR 1 Lakh</td>
                                                        <td style="text-align: center;">INR 2 Lakh</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Premium (Excluding 18% GST)</td>
                                                        <td style="text-align: center;">INR 988</td>
                                                        <td style="text-align: center;">INR 1694</td>
                                                        <td style="text-align: center;">INR 3389</td>
                                                      </tr>

                                                     

                                                      </tbody>
                                                   
  
                                               </table></div>

                                            <br>


<center><p style="font-size: 20px;background-color: green;"><span style="color: white;"> Commission : 15%</span></p>  </center> 







    <p style="font-size: 18px;"><span style="color:#ff851b;"> Benefits </span></p>

<div style="overflow-x:auto;">

      <table id="customers" style="font-size: 14px;"> 




                                                   <thead>
                                                       <tr>

                                                        <th style="background-color: #d6d2c8;text-align: center;width: 30%;color: black;"><strong>Type</strong></th>
                                                        <th style="background-color: #d6d2c8;text-align: center;color: black;"><strong>Coverage</strong></th>
                                                      
                                                      </tr>
    
                                                   </thead>


                                                   <tbody>
  
                                                      
                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Sum insured (SI)</td>
                                                        <td style="text-align: center;">50K / 1 Lakh / 2 Lakh</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Family Definition</td>
                                                        <td style="text-align: center;">Individual</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Room Rent</td>
                                                        <td style="text-align: center;">2K / 3K / 4K respectively</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Day care treatments</td>
                                                        <td style="text-align: center;">Up to Sum insured</td>
                                                      </tr>


                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Pre & post hospitalization</td>
                                                        <td style="text-align: center;">60/90 days</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Domiciliary Hospitalization expenses</td>
                                                        <td style="text-align: center;">Up to Sum insured</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Donor Expenses</td>
                                                        <td style="text-align: center;">Up to Sum insured</td>
                                                      </tr>


                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Domestic Road Ambulance</td>
                                                        <td style="text-align: center;">INR 3K per incident</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Pre-Existing Diseases (PED)</td>
                                                        <td style="text-align: center;">2 year wait period</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">30 days Initial Waiting Period</td>
                                                        <td style="text-align: center;">Applicable except for accidental injuries</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Specific Illness</td>
                                                        <td style="text-align: center;">2 Year wait period</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Maternity</td>
                                                        <td style="text-align: center;">Not Covered</td>
                                                      </tr>

                                                      <tr >
                                                        <td style="background-color: #ffbc01;width: 30%;">Disease wise capping</td>
                                                        <td style="text-align: center;">None</td>
                                                      </tr>

                                                      </tbody>
                                                   
  
</table>


</div>





                                               <br>

<center><p style="font-size: 20px;background-color: red; margin-bottom: 15px !important;"><span style="color:white;"> Age Limit : 18-65 Years </span></p>  </center>


<center><div> 
                    <button class="button_a button3 login_btn" data-toggle="tooltip" data-placement="bottom" title="click to login" onclick=""> <i class="fa fa-sign-in" aria-hidden="true"></i> <span><img src="{{ URL::asset('public/assets/images/click.gif') }}" style="width:5%;"> Click to Login</span><br><span style="font-size: 20px;">Use your globaltax Suvidha Kendra Registered Number</span> </button>
                    

         

         </div></center>

         <br>
                         

      </div>
     
    </div>
  </section>
  <!-- /.content -->
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

<!-- /.content-wrapper -->
<script type="text/javascript">
$(document).ready(function() { 

 $(".login_btn").click(function(){
     location.replace("