@extends('layouts.ebw')

@section('content')
<style>
    .wrapper{
  width:100%;
}
@media(max-width:992px){
 .wrapper{
  width:100%;
} 
}
.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading  a:before {
    content: "\f0ab";
font-family: FontAwesome;
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.panel-title
{
    margin-bottom:0px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-group .panel+.panel {
    margin-top: 5px;
}
/* .panel-default {
    border-color: #ddd !important;
} */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
    border-top: 1px solid #ddd;
}

</style>
<div class="container">
    <div class="white-title mt45">
        <div class="row">
            <div class="col-xl-12">
                <h3>Get Extempore Access!</h3>
            </div>         
        </div>
    </div>
    <div class="row main-panel main-panel-setting_ extempore_no_margin">
        <div class="col-sm-12 main-panel-content mb-20">
             @if(Session::has('true_msg'))               
<!--                    <div class="alert alert-success alert-dismissable extempore-alert"  style="padding-top:8px;padding-bottom:8px;margin-bottom:10px;margin-top: 30px;" id="myElemmsg">
                        <button aria-hidden="true" data-dismiss="alert" class="close" type="button" style="font-size:15px;top:3px;"><i class="fa fa-times"></i></button>
                        <b style="font-size: 12px;"><i class="icon fa fa-check"></i> {{Session::get('true_msg')}}</b>
                    </div>-->
                    <script type="text/javascript">
                        $(document).ready(function () {
                            $("#div-access").hide();
                            $("#div-download").show();
//                                        setTimeout(function () {
//                                            $("#myElemmsg").hide();
//                                        }, 5000);
                        });
                    </script>
                    @endif
            <div class="row" id="div-access">
                <div class="col-md-3">
                </div>                 
                <div class="col-md-6">
               
                    @if(Session::has('errors'))
                    <div class="alert alert-danger alert-dismissable extempore-alert"  style="padding-top:8px;padding-bottom:8px;margin-top: 30px;" id="myElemmsg">
                        <button aria-hidden="true" data-dismiss="alert" class="close" type="button" style="font-size:15px;top:3px;color: red;"><i class="fa fa-times"></i></button>
                        <ul>