@extends('admin.master', ['menu' => 'memberShip', 'submenu' => 'createMembership'])
@section('title', isset($title) ? $title : '')
@push('post_styles')
  <style>
    .ss-main{
      height: 100% !important;
      padding: 0 !important;
    }

    .ss-main .ss-single-selected{
      border: 0 !important;
      height: 36px !important;
    }
    .placeholder{
      background-color: transparent;
    }
  </style>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.1/slimselect.min.css" rel="stylesheet">
@endpush
@section('content')
<div class="row">
  <div class="col-md-12">
    <div class="breadcrumb__content">
      <div class="breadcrumb__content__left">
        <div class="breadcrumb__title">
          <h2>{{__('Create Membership')}}</h2>
        </div>
      </div>
      <div class="breadcrumb__content__right">
        <nav aria-label="breadcrumb">
          <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('Home')}}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{__('Create Membership')}}</li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="customers__area bg-style mb-30">
      <div class="rscnUserPerInfoBox">
        <h3 class="updatedCardTit">{{ __('Membership Types') }}</h3>
        <div class="row">
          <div class="col-md-6">
            <div class="card membership-type-card">
              <div class="card-header border-bottom-0 bg-transparent text-center">
                <div class="membership-type-tit" style="color: black;">Individual Membership</div>
              </div>
              <div class="card-body">
                <div class="membership-type-links-box">
                  <a id="addCurrent" class="membership-type-link rscnSaveBtn">{{ __('Add For Current User') }}</a>
                  <a href="{{ route('membershipForm.create','individual') }}" target="_blank" class="membership-type-link rscnSaveBtn">{{ __('Add For New User') }}</a>
                </div>
                <div class="row" id="addCurrentSection" @if($errors->any()) style="display:block" @else style="display:none" @endif>
                  <div class="col-md-8 mt-4">
                    <form action="{{ route('admin.createAdminCurrentUser','individual') }}" method="POST">
                      @csrf
                      <div class="input__group">
                        <select  class="form-select rscnMemberLabel" id="userID"  name="userID" >
                          <option value="" selected disabled>select</option>
                          @foreach ($users as $user)
                            @if( old('userID') ? old('userID')== $user->id : false)
                              <option value="{{ $user->id }}" selected>{{ __($user->name) }}</option>
                            @else
                              <option value="{{ $user->id }}">{{ __($user->name) }}</option>
                            @endif
                          @endforeach
                        </select>
                        @error('userID')
                          <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                      </div>
                      <button type="submit" class="float-end btn bg-secondary py-1 px-4 mt-2 text-white">next</button>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="card membership-type-card">
              <div class="card-header border-bottom-0 bg-transparent text-center">
                <div class="membership-type-tit" style="color: black;">Employee Membership</div>
              </div>
              <div class="card-body">
                <div class="membership-type-links-box">
                  <a id="addCurrent1" class="membership-type-link rscnSaveBtn">{{ __('Add For Current User') }}</a>
                  <a href="{{ route('membershipForm.create','employee') }}" target="_blank" class="membership-type-link rscnSaveBtn">{{ __('Add For New User') }}</a>
                </div>
                <div class="row" id="addCurrentSection1"  @if($errors->any()) style="display:block" @else style="display:none" @endif>
                  <div class="col-md-8 mt-4">
                    <form action="{{ route('admin.createAdminCurrentUser','employee') }}" method="POST">
                      @csrf
                      <div class="input__group">
                        <select  class="form-select rscnMemberLabel" id="userID1"  name="userID">
                          <option value="" selected disabled>select</option>
                          @foreach ($users as $user)
                            @if( old('userID') ? old('userID')== $user->id : false)
                              <option value="{{ $user->id }}" selected>{{ __($user->name) }}</option>
                            @else
                              <option value="{{ $user->id }}">{{ __($user->name) }}</option>
                            @endif
                          @endforeach
                        </select>
                        @error('userID')
                          <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                      </div>
                      <button type="submit" class="float-end btn bg-secondary py-1 px-4 mt-2 text-white">next</button>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="card membership-type-card">
              <div class="card-header border-bottom-0 bg-transparent text-center">
                <div class="membership-type-tit" style="color: black;">Family Membership</div>
              </div>
              <div class="card-body">
                <div class="membership-type-links-box">
                  <a id="addCurrent2" class="membership-type-link rscnSaveBtn">{{ __('Add For Current User') }}</a>
                  <a href="{{ route('membershipForm.create','family') }}" target="_blank" class="membership-type-link rscnSaveBtn">{{ __('Add For New User') }}</a>
                </div>
                <div class="row" id="addCurrentSection2" @if($errors->any()) style="display:block" @else style="display:none" @endif>
                  <div class="col-md-8 mt-4">
                    <form action="{{ route('admin.createAdminCurrentUser','family') }}" method="POST">
                      @csrf
                      <div class="input__group">
                        <select  class="form-select rscnMemberLabel" id="userID2"  name="userID">
                          <option value="" selected disabled>select</option>
                          @foreach ($users as $user)
                            @if( old('userID') ? old('userID')== $user->id : false)
                              <option value="{{ $user->id }}" selected>{{ __($user->name) }}</option>
                            @else
                              <option value="{{ $user->id }}">{{ __($user->name) }}</option>
                            @endif
                          @endforeach
                        </select>
                        @error('userID')
                          <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                      </div>
                      <button type="submit" class="float-end btn bg-secondary py-1 px-4 mt-2 text-white">next</button>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="card membership-type-card">
              <div class="card-header border-bottom-0 bg-transparent text-center">
                <div class="membership-type-tit" style="color: black;">Corporate Membership</div>
              </div>
              <div class="card-body">
                <div class="membership-type-links-box">
                  <a id="addCurrent3" class="membership-type-link rscnSaveBtn">{{ __('Add For Current User') }}</a>
                  <a href="{{ route('membershipForm.create','corporate') }}" target="_blank" class="membership-type-link rscnSaveBtn">{{ __('Add For New User') }}</a>
                </div>
                <div class="row" id="addCurrentSection3" @if($errors->any()) style="display:block" @else style="display:none" @endif>
                  <div class="col-md-8 mt-4">
                    <form action="{{ route('admin.createAdminCurrentUser','corporate') }}" method="POST">
                      @csrf
                      <div class="input__group">
                        <select  class="form-select rscnMemberLabel" id="userID3"  name="userID">
                          <option value="" selected disabled>select</option>
                          @foreach ($users as $user)
                            @if( old('userID') ? old('userID')== $user->id : false)
                              <option value="{{ $user->id }}" selected>{{ __($user->name) }}</option>
                            @else
                              <option value="{{ $user->id }}">{{ __($user->name) }}</option>
                            @endif
                          @endforeach
                        </select>
                        @error('userID')
                          <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                      </div>
                      <button type="submit" class="float-end btn bg-secondary py-1 px-4 mt-2 text-white">next</button>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="card membership-type-card">
              <div class="card-header border-bottom-0 bg-transparent text-center">
                <div class="membership-type-tit" style="color: black;">Honorary Membership</div>
              </div>
              <div class="card-body">
                <div class="membership-type-links-box">
                  <a href="{{ route('membershipForm.create','honorary') }}" target="_blank" class="membership-type-link rscnSaveBtn">{{ __('Add For New User') }}</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@push('post_scripts')
	<script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.1/slimselect.min.js"></script>
	<script>
		new SlimSelect({
	    select: '#userID',
	    placeholder: 'Select',
	    showSearch: true,
	    searchText: 'search',
	  })
	</script>
	<script>
		new SlimSelect({
	    select: '#userID1',
	    placeholder: 'Select',
	    showSearch: true,
	    searchText: 'search',
	  })
	</script>
	<script>
		new SlimSelect({
	    select: '#userID2',
	    placeholder: 'Select',
	    showSearch: true,
	    searchText: 'search',
	  })
	</script>
	<script>
		new SlimSelect({
	    select: '#userID3',
	    placeholder: 'Select',
	    showSearch: true,
	    searchText: 'search',
	  })
	</script>
  <script>
    $(document).ready(function (){
      $( "#addCurrent" ).on( "click", function() {
        $("#addCurrentSection").toggle();
      });
   });
  </script>
  <script>
    $(document).ready(function (){
      $( "#addCurrent1" ).on( "click", function() {
        $("#addCurrentSection1").toggle();
      });
   });
  </script>
  <script>
    $(document).ready(function (){
      $( "#addCurrent2" ).on( "click", function() {
        $("#addCurrentSection2").toggle();
      });
   });
  </script>
  <script>
    $(document).ready(function (){
      $( "#addCurrent3" ).on( "click", function() {
        $("#addCurrentSection3").toggle();
      });
   });
  </script>
@endpush
@endsection