@extends('layouts.visitormaster')
@section('title','Durga Bhawani Dashboard')

@section('style')
  <link rel="stylesheet" href="{{asset('css/visitorcss/BeatPicker.min.css')}}">
@endsection

@section('visitorcontent')

@if($banner==null)
   <div class="breadcrumb-area bg-img bg-overlay jarallax" style="background-image: url('{{asset('images/buddha.png')}}');">
    <div class="container h-100">
      <div class="row h-100 align-items-center">
        <div class="col-12">
          <div class="breadcrumb-text">
            <h2>WelCome</h2>
          </div>
        </div>
      </div>
    </div>
  </div>

@else


<div class="breadcrumb-area bg-img bg-overlay jarallax" style="background-image: url('{{ asset('uploads/banners/'.$banner->image) }}');">
    <div class="container h-100">
      <div class="row h-100 align-items-center">
        <div class="col-12">
          <div class="breadcrumb-text">
            <h2>{{ $banner->title }}</h2>
            <span class="tinymce">{!!$banner->description!!}</span>
          </div>
        </div>
      </div>
    </div>
  </div>

@endif

<section class="about-us-area">
    <div class="container">
      <div class="row align-items-center">

        <!-- About Us Content -->
        <div class="col-12 col-lg-12">
          @if(session()->has('success'))

          <div class="alert alert-success alert-dismissible">

            <button type="button" class="close" data-dismiss="alert">&times;</button>

            <strong>Success!</strong> {{session('success')}}

          </div>

          @endif

          @if(session()->has('failure'))

          <div class="alert alert-success alert-dismissible">

            <button type="button" class="close" data-dismiss="alert">&times;</button>

            <strong>Failure!</strong> {{session('failure')}}

          </div>

          @endif

          
          <div class="about-us-content mt-50 mb-50">
            <!-- Section Heading -->
            <div class="section-heading">
              <p>{{$member->title}}</p>
              <h2>{!!$member->subtitle!!}</h2>
            </div>
            {!!$member->description!!}

            <div class="text-center w100">
              <a href="#" class="btn famie-btn mt-30 mb-30" data-toggle="modal" data-target="#myModal">Click here for Membership Form</a>
            </div>

            <div class="bank-detail">
              {!!$member->bblock!!}
            </div>


            <div class="modal fade" id="myModal" role="dialog">
              <div class="modal-dialog">
              <form action="{{ url('admin/memapply') }}" method="post" class="member">
                <!-- Modal content-->
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close closer" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Membership Form</h4>
                  </div>
                  <div class="modal-body">
                    
                      {{ csrf_field() }}
                      <div class="row">
                        <div class="col-lg-6">
                          <input type="text" class="form-control" name="name" placeholder="Full Name">
                        </div>
                        <div class="col-lg-6">
                          <input type="text" class="form-control" name="nationality" placeholder="Nationality">
                        </div>
                        <div class="col-lg-6">
                          <input type="email" class="form-control" name="email" placeholder="Your Email">
                        </div>
                        <div class="col-6" id="datePicker">
                          <input type="text" data-beatpicker="true" class="form-control" name="dob" placeholder="Date of Birth"/>
                        </div>
                        <div class="col-6">
                          <input type="text" class="form-control" name="job" placeholder="Occupation(Optional)">
                        </div>
                        <div class="col-6">
                          <input type="text" class="form-control" name="fax" placeholder="Fax No.(Optional)">
                        </div>
                        <div class="col-6">
                          <input type="text" class="form-control" name="mobile" placeholder="Mobile No.">
                        </div>
                        <div class="col-6">
                          <input type="text" class="form-control" name="phone" placeholder="Phone No.(Optional)">
                        </div>
                        <div class="col-12">
                          <textarea name="address" class="form-control" cols="30" rows="10" placeholder="Address"></textarea>
                        </div>
                        <div class="col-12 mail-address">
                          <input type="checkbox" name="" class="checker">Mailing Address (different from above)
                          <textarea name="peraddress" class="form-control hide-check" cols="30" rows="10" placeholder="Mailing Address(Optional)"></textarea>
                        </div>
                        <div class="col-6">
                          <select class="form-control" name="type">
                            <option selected disabled>Membership Type</option>
                            <option value="Patron">Patron Member</option>
                            <option value="Life">Life Member</option>
                            <option value="General">General Member</option>
                            <option value="Five">Five Years Contribution Member</option>
                          </select>
                        </div>
                        <div class="col-6">
                          <input type="text" class="form-control" name="amount" placeholder="Enclosed Amount">
                        </div>
                      </div>
                    
                  </div>
                  <div class="modal-footer">
                    <button type="submit" class="btn famie-btn">Submit Membership Form</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                  </div>
                </form>
                </div>
                
              </div>
            </div>

            
          </div>
        </div>

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

  @endsection


@section('scripts')
  <script src="{{asset('js/visitorjs/BeatPicker.min.js')}}"></script>
@endsection