@extends('backend.layouts.app')
<style>
.calculation{
    display: block ruby;
}
.form-group {
    margin-bottom: 0rem !important;
}
table th,td{
    text-align:center;
    font-size: 11px;
    height: 10px;
}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
label{
    font-size: 12px;
}
select{
    height:32px;
}
</style>

@section('content')

<div class="col-xl-12" style=" -webkit-margin-after-collapse: discard; margin-top: -19px; ">
	<div class="breadcrumb-holder">
		<!-- <h5 style="text-align: center"> Swimming Pool Registration </h5> -->
		    <a href="{{route('swimming-pool')}}" class="btn btn-success" style="color: #000000; border: 1px solid #eee; margin: 15px auto;">
                <i class="fa fa-home" aria-hidden="true" style="font-size: 20px; "></i>
                {{-- <img src="{{ url('public/backend/images/icons/admission.png') }}" style="width: 20px"> --}}
                    Swimming Dashboard
            </a>
		<ol class="breadcrumb " style="display: inline-flex;margin-left: 150px;">
            <div class="col-sm-4"> 
                <label class="container">Member 
                    <input type="radio" name="radio" value="member_radio" id="member_radio">
                    <span class="checkmark"></span>
                </label>
            </div>
            <div class="col-sm-4"> 
                <label class="container">Armed Forces/OC
                    <input type="radio" name="radio"  value="armedForcedOc_radio" id="armedForcedOc_radio">
                    <span class="checkmark"></span>
                </label>
            </div>
            <div class="col-sm-4"> 
                <label class="container">NM/Guest
                    <input type="radio" name="radio" value="Nmguest_radio" id="Nmguest_radio">
                    <span class="checkmark"></span>
                </label>
            </div>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>

<div class="container-fluid">
	<div class="col-md-12">
		<div style="text-align: right; margin-bottom: 20px;">

        </div>
        <div class="card">
            <div class="card-header">
                <!-- <h3 class="card-title"><a href="{{ route('swimming-registration.index') }}" class="btn btn-info">Due Collection</a></h3> -->
                <div class="btn-group">
                    <!-- <button type="button" class="btn btn-info" data-toggle="modal" data-target="#create"><i class="fa fa-fw fa-plus-square"></i></button> -->
                    <!-- <a href="{{ route('swimming-registration.create') }}" class="btn btn-info"><i class="fa fa-fw fa-plus-square"></i></a> -->
                </div>
            </div>
            <div class="card-body" style=" margin-top: -51px; ">	
            <form id="submitForm" action="{{route('swimming-registration.store')}}" method="post">
            @csrf
                <input type="hidden" name="member_type_swimming" id="member_type_swimming" value="@if(isset($data['member_type_swimming'])) {{ $data['member_type_swimming'] }} @else 1 @endif ">
                <div class="row" style=" margin-top: -19px; ">
                    <div class="col-md-2">
                        <div class="form-group" style="display:none;">
                            <label>Date <span style="color:red">*</span></label>
                            @if(isset($date))
                                <input type="date" class="form-control" value="{{ $data['entry_date'] }}" name="entry_date"  >
                            @else
                            <input type="date" class="form-control" value="2026-06-10" name="entry_date"  >
                            @endif
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group" style="display:none;">
                            <label>Time <span style="color:red">*</span></label>
                            <input type="text" class="form-control" value="@if(isset($data)) {{ $data['entry_time'] }} @else07:55:05@endif" name="entry_time" readonly >
                        </div>
                    </div>
                </div>	
                <div class="row memberDivPortion">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Search (Membership No)</label>
                            <input type="text" class="form-control" value="@if(isset($data)) {{ $data['membership_id'] }} @endif" name="" id="search" placeholder="Search" autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Search (Name)</label>
                            <input type="text" class="form-control" value="@if(isset($data)) {{ $data['membership_id'] }} @endif" name="" id="membership_name_search" placeholder="Search" autocomplete="off">
                        </div>
                    </div>
                </div>
                <div class="row memberDivPortion"  style="margin-top:7px;">
                    <span id="member_error_text" style="color:red;font-size: 8px;">(Member Not Found)</span>
                    <div class="col-md-12">
                        <table class="table table-bordered memberDetailsTable">
                            <thead>
                                <tr>
                                    <th>Membership Id</th>
                                    <th>Member Name</th>
                                    <th>Phone</th>
                                    <th>Status</th>
                                    <th>Subscription type</th>
                                    <th>Photo</th>
                                </tr>
                            </thead>
                            <tbbody>
                                <tr>
                                    <td>
                                        <input type="hidden" class="form-control" value="@if(isset($data)) {{ $data['membership_id'] }} @endif" name="membership_id" id="membership_id" placeholder="Membership Id" readonly>
                                        <p id="show_membership_id"></p>
                                    </td>
                                    <td>
                                        <input type="hidden" class="form-control" value="{{ old('member_name') }}" id="member_name" name="member_name" placeholder="Member Name" readonly/>
                                        <p id="show_member_name"></p>
                                    </td>
                                    <td>
                                        <input type="hidden" class="form-control" value="{{ old('member_name') }}" id="member_phone" name="member_phone" placeholder="Member Name" readonly/>
                                        <p id="show_member_phone"></p>
                                    </td>
                                    <td>
                                        <input type="hidden" class="form-control" value="{{ old('member_name') }}" id="member_status" name="member_status" placeholder="Member Name" readonly/>
                                        <p id="show_member_status"></p>
                                    </td>
                                    <td>
                                        <input type="hidden" class="form-control" value="{{ old('show_subscription_type') }}" id="subscription_type" name="show_subscription_type" placeholder="show_subscription_type" readonly/>
                                        <p id="show_subscription_type"></p>
                                    </td>
                                    <td>
                                        <div id="member-photo-container">
                            
                                        </div>
                                    </td>
                                </tr>
                            </tbbody>
                        </table>
                    </div>
                </div>
                <div class="row armedForcesOcDivPortion" >
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Armed Forces/OC</label>
                            <input type="text" class="form-control" check="checked" value="@if(isset($data)) {{ $data['guest_armed_name'] }} @endif" name="guest_armed_name" id="armed_name" placeholder="Armed Forces/OC Name" autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Phone No</label>
                            <input type="text" class="form-control" value="@if(isset($data)) {{ $data['phone_no_armed'] }} @endif" name="phone_no_armed" id="armend_phone_no" placeholder="Phone No" autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <label>Reference</label>
                            <input type="hidden" name="reference_guest_armed" class="reference_guest_armed" value="@if(isset($data)) {{ $data['reference_guest_armed'] }} @endif">
                            <input type="text" class="form-control ref_new" name="reference_guest_armed_show" value="@if(isset($data)) {{ $data['reference_guest_armed_show'] }} @endif" id="reference_guest_armed" placeholder="Reference" autocomplete="off">
                        </div>
                    </div>
                </div>	
                <div class="row NmGuestDivPortion">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>NM/Guest</label>
                            <input type="text" class="form-control" value="@if(isset($data)) {{ $data['guest_name'] }} @endif" name="guest_name" id="guest_name" placeholder="NM/Guest Name" autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Phone No</label>
                            <input type="text" class="form-control" value="@if(isset($data)) {{ $data['phone_no'] }} @endif" name="phone_no" id="phone_no" placeholder="Phone No" autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <label>Reference</label>
                            <input type="hidden" name="reference_guest_hidden" class="reference_guest_hidden" value="@if(isset($data)) {{ $data['reference_guest_hidden'] }} @endif">
                            <input type="hidden" id="guest_ref_dept_id" >
                            <input type="text" class="form-control ref_new reference_guest"  name="reference_guest_show" id="" value="@if(isset($data)) {{ $data['reference_guest_show'] }} @endif" placeholder="Reference" autocomplete="off">
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row scrollDepartment details_div">
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Department<span style="color:red">*</span></label>
                            <select class="form-control" name="s_id" style="width: 100%;" required>
                            <option value="" selected="selected">Select Department</option>
                            @if(sizeof($s_deparment) > 0)
                            @foreach($s_deparment as $s_id)
                                <option value="{{ $s_id->id }}" @if( old('s_id') == $s_id->id ) selected @endif )> {{ $s_id->department_type }} </option>
                            @endforeach
                            @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Service<span style="color:red">*</span></label>
                            <select class="form-control" name="swimming_service" style="width: 100%;">
                                <option value="" selected="selected">Select Service</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Trainer Name</label>
                            <select class="form-control" id="coach_name" style="width: 100%;" disabled>
                                <option value="" selected="selected">Select Trainer</option>
                                @if(sizeof($coachs)>0)
                                @foreach($coachs as $coach)
                                <option value="{{ $coach->id }}">{{ $coach->coach_name }}</option>
                                @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Per. Person Price<span style="color:red">*</span></label>
                            <input type="number" step="any" class="form-control" value="0" name="" placeholder="Per. Person Price" id="unit_price">
                        </div>
                    </div>
                    <div class="col-md-1">
                        <div class="form-group">
                            <label>Person<span style="color:red">*</span></label>
                            <input type="number" step="any" class="form-control" value="1" name="" placeholder="" id="qty">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Total</label>
                            <input type="number" step="any" class="form-control" value="0" name="" placeholder="Total" id="service_total">
                        </div>
                    </div>
                    <div class="col-md-1" style="padding-top: 30px;">
                        <div class="form-group">
                            <button type="button" id="addOnRow" class="btn btn-info"><i class="fa fa-fw fa-plus-square"></i></button>
                        </div>
                    </div>
                </div>
                <div class="row details_div">
                    <table class="table table-striped table-bordered serviceDetailsTable" >
                        <thead>
                            <tr>
                                <th>S. Category</th>
                                <th>Service</th>
                                <th>Coach</th>
                                <th>Per Person Price</th>
                                <th>Person</th>
                                <th>Total</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(isset($data))
                                @if(sizeof($data['service_id_arr']) > 0)
                                @foreach($data['service_id_arr'] as $key=>$row)
                                    <tr>
                                        <td><input type="hidden" name="service_department_id_arr[]" value="{{ $data['service_department_id_arr'][$key] }}">{{ App\SwmmingPollDepartment::find($data['service_department_id_arr'][$key])->department_type }}</td>
                                        <td><input type="hidden" name="service_id_arr[]" value="{{ $data['service_id_arr'][$key] }}">{{ App\Swimmingpoolservice::find($row)->service_name }}</td>
                                        @if(App\SwimmingCoach::find($data['coach_id_arr'][$key]))
                                        <td><input type="hidden" name="coach_id_arr[]" value="{{ $data['coach_id_arr'][$key] }}">{{ App\SwimmingCoach::find($data['coach_id_arr'][$key])->coach_name }}</td>
                                        @else
                                        <td><input type="hidden" name="coach_id_arr[]" value="{{ $data['coach_id_arr'][$key] }}">N/A</td>
                                        @endif
                                        <td><input type="hidden" name="unit_price_arr[]" value="{{ $data['unit_price_arr'][$key] }}">{{ $data['unit_price_arr'][$key] }}</td>
                                        <td><input type="hidden" name="qty_arr[]" value="{{ $data['qty_arr'][$key] }}">{{ $data['qty_arr'][$key] }}</td>
                                        <td id="service_total_table"><input type="hidden" name="service_total_arr[]" value="{{ $data['service_total_arr'][$key] }}">{{ $data['service_total_arr'][$key] }}</td>
                                        <td><a href="javascript:;" class="deleteSwmming"><i class="fa fa-trash"></i></a></td>
                                    </tr>
                                @endforeach
                                @endif
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="row details_div">
                    <div class="col-md-5">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Payment Method<span style="color:red">*</span></label>
                                <select class="form-control select2" name="p_method" style="width: 100%;" id="p_method" required>
                                    <option value="" selected="selected">Select Payment Method</option>
                                    @if(sizeof($p_method) > 0)
                                    @foreach($p_method as $p_id)
                                    <option value="{{ $p_id->id }}" @if( old('p_method')== $p_id->id ) selected @endif )>{{ $p_id->name }}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="payment_method_wise_show">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Bank Name<span style="color:red">*</span></label>
                                    <select class="form-control select2" name="bank_id" style="width: 100%;" id="bank">
                                        <option value="" selected="selected">Select Bank </option>
                                        @if(sizeof($bank_list) > 0)
                                        @foreach($bank_list as $p_id)
                                        <option value="{{ $p_id->id }}" @if( old('bank_id')== $p_id->id ) selected @endif )>{{ $p_id->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Check/Card No<span style="color:red">*</span></label>
                                    <input type="text" name="check_or_card_no" id="" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Check Date(For Check)<span style="color:red">*</span></label>
                                    <input type="date" name="check_date" id="" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Reference<span style="color:red">*</span></label>
                                    <input type="text" name="reference" id="" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-2" style=" right: 100px; ">
                        <div class="form-group">
                            <label>Locker</label>
                            <input type="text" class="form-control" value="@if(isset($data)) {{ $data['locker_no'] }} @endif" name="locker_no" id="locker_no" placeholder="Locker No">
                        </div>
                    </div>
                    <div class="col-sm-2 up" style=" right: 100px; ">
                        <div class="form-group">
                            <label>Token</label>
                            <input type="text" class="form-control" value="@if(isset($data)) {{ $data['token_no'] }} @endif" name="token_no" id="token_no" placeholder="Token No">
                        </div>
                    </div>
                    <div class="col-md-3" style=" left: -100px; ">
                        <table style="float:right;">
                            <tr>
                                <td> <label>Sub-Total</label> </td>
                                <td> 
                                @if(isset($data))
                                    <input type="number" step="any" class="form-control" value="{{ $data['sub_total'] }}" name="sub_total" placeholder="Sub-Total" id="sub_total" readonly> 
                                @else
                                    <input type="number" step="any" class="form-control" value="0" name="sub_total" placeholder="Sub-Total" id="sub_total" readonly> 
                                @endif
                                </td>
                            </tr>
                            <tr>
                                <td><label>Discount</label></td>
                                <td> 
                                @if(isset($data))
                                    <input type="number" step="any" class="form-control" value="{{ $data['discount'] }}" name="discount" placeholder="Discount" id="discount">
                                @else
                                    <input type="number" step="any" class="form-control" value="0" name="discount" placeholder="Discount" id="discount">
                                @endif
                                </td>
                            </tr>
                            <tr>
                                <td><label>Grand Total</label></td>
                                <td> 
                                @if(isset($data))
                                    <input type="number" step="any" class="form-control" value="{{ $data['grand_total'] }}" name="grand_total" placeholder="Grand Total" id="grand_total" readonly>
                                @else
                                    <input type="number" step="any" class="form-control" value="0" name="grand_total" placeholder="Grand Total" id="grand_total" readonly>
                                @endif
                                  
                                </td>
                            </tr>
                            <tr>
                                <td> <label>Paid Amount</label></td>
                                <td> 
                                @if(isset($data))
                                    <input type="number" step="any" class="form-control" value="{{ $data['paid_amount'] }}" name="paid_amount" placeholder="Paid Amount" id="paid_amount" >
                                @else
                                    <input type="number" step="any" class="form-control" value="0" name="paid_amount" placeholder="Paid Amount" id="paid_amount" >
                                @endif

                                </td>
                            </tr>
                            <tr>
                                <td><label>Change Amount</label></td>
                                <td>
                                @if(isset($data))
                                    <input type="number" step="any" class="form-control" value="{{ $data['change_amount'] }}" name="change_amount" placeholder="Change Amount" id="change_amount" >
                                @else
                                    <input type="number" step="any" class="form-control" value="0" name="change_amount" placeholder="Change Amount" id="change_amount" >
                                @endif
                                  
                                </td>
                            </tr>
                            <tr>
                                <td><label>Due Amount</label></td>
                                <td>
                                @if(isset($data))
                                <input type="number" step="any" class="form-control" value="{{ $data['due_amount'] }}" name="due_amount" placeholder="Due Amount" id="due_amount" readonly>
                                @else
                                    <input type="number" step="any" class="form-control" value="0" name="due_amount" placeholder="Due Amount" id="due_amount" readonly>
                                @endif
                                   
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="row details_div" >
                </div>
                <hr>
                <div class="row details_div">
                    <!-- <div class="col-md-6">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Payment Method<span style="color:red">*</span></label>
                                <select class="form-control select2" name="p_method" style="width: 100%;" id="p_method" required>
                                    <option value="" selected="selected">Select Payment Method</option>
                                    @if(sizeof($p_method) > 0)
                                    @foreach($p_method as $p_id)
                                    <option value="{{ $p_id->id }}" @if( old('p_method')== $p_id->id ) selected @endif )>{{ $p_id->name }}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div> -->
                    <div class="col-md-6">
                        <div class="form-group" style="text-align: right;top: 24px;">
                            <!-- <input type="submit" value="Preview" name="button_type" class="btn btn-success"> -->
                            <input type="hidden" value="Preview" name="button_type">
                            <button type="button" id="submitFormBtn" class="btn btn-success">Submit</button>
                        </div>
                    </div>
                </div>
            </form>
            </div>
        </div>			
	</div>
</div>

@endsection

@section('modal_content')

@endsection
@section('page_script')>
<script>
    $('document').ready(function(){
        // $('.details_div').hide();
        var delaySec = 10;
        var member_type_swimming = $('#member_type_swimming').val();
        $('#search').focus();
		$("#membership_name_search").autocomplete(
		{
			source: '{{ route("member-autocomplete-onlymember") }}',
			minChars: 0,
			autoFocus: true,
			delay: 500,
			select: function (a, ui) {				
				$(this).val(ui.item.value);
				$('#search').val(ui.item.value);
                getSearchResult(ui.item.value);
				return false;
			}
		});
        $(".reference_guest").autocomplete(
		{
			source: '{{ route("member-autocomplete-category") }}',
			minChars: 0,
			autoFocus: true,
			delay: 500,
			select: function (a, ui) {	
                $('#guest_ref_dept_id').val(ui.item.id);
                $(this).val(ui.item.value);
                var cat_id = $('#guest_ref_dept_id').val();
                if(cat_id){
                    setTimeout(function(){
                        getGuestCategoryDeptWisePrice();
                    }, delaySec);
                }
			}
		});
        $(".ref_new").autocomplete(
		{
			source: '{{ route("member-autocomplete-getmember_details") }}',
			minChars: 0,
			autoFocus: true,
			delay: 500,
			select: function (a, ui) {	
                $('#guest_ref_dept_id').val(ui.item.id);
                $('.reference_guest_hidden').val(ui.item.details);
                $('.reference_guest_armed').val(ui.item.details);
                
                $(this).val(ui.item.details);
                var cat_id = $('#guest_ref_dept_id').val();
                if(cat_id){
                    setTimeout(function(){
                        getGuestCategoryDeptWisePrice();
                    }, delaySec);
                }
			}
		});
        $("#armed_name").autocomplete(
		{
			source: '{{ route("member-autocomplete-armed-name") }}',
			minChars: 0,
			autoFocus: true,
			delay: 500,
			select: function (a, ui) {	
                $(this).val(ui.item.lavel);
			}
		});
        $("#guest_name").autocomplete(
		{
			source: '{{ route("member-autocomplete-guest-name") }}',
			minChars: 0,
			autoFocus: true,
			delay: 500,
			select: function (a, ui) {	
                $(this).val(ui.item.lavel);
			}
		});
        
        $(".reference_guest_armed").autocomplete(
		{
			source: '{{ route("member-autocomplete-category") }}',
			minChars: 0,
			autoFocus: true,
			delay: 500,
			select: function (a, ui) {	
                $('#guest_ref_dept_id').val(ui.item.id);
                $(this).val(ui.item.value);
			}
		});
        var member_type_swimming = $('#member_type_swimming').val();
        if(member_type_swimming == 0){
            setTimeout(function(){
                getGuestCategoryDeptWisePrice();
            }, delaySec);
        }
        $('#reference_guest').on('keyup keydown keypress',function(e){
            var keycode = e.keycode || e.which;
            if(keycode == 13){
                $('#reference_guest').focus();
            }
        });
        $('#p_method option')
        .filter(function() { return $.trim( $(this).text() ) == 'Cash'; })
        .attr('selected',true);

        $('select[name="s_id"] option')
        .filter(function() { return $.trim( $(this).text() ) == 'Swimming Pool'; })
        .attr('selected',true);

        getService($('select[name="s_id"]').val());

        $('#member_error_text').hide();
        $('#submitForm2').hide();
        $('select[name="s_id"]').change(function(e){
            var id = $(this).val();
            getService(id);
            var member_type_swimming = $('#member_type_swimming').val();
            if(member_type_swimming == 0){
                setTimeout(function(){
                    getGuestCategoryDeptWisePrice();
                }, delaySec);
            }
           
        });
        $('select[name="swimming_service"]').change(function(){
            // autoScroll("scrollDepartment");
            var service_category = $('select[name="s_id"]').val();
            var service_id = $(this).val();
            var member_ship_id = $('input[name="membership_id"]').val();
            //selected text
            var service_text = $(this).find('option:selected').text();
            if(service_text == 'Training' || service_text == 'Trainer' || service_text == 'Coach'){
                $('#coach_name').prop("disabled", false);
            }else{
                $('#coach_name').val('').change(); 
                $('#coach_name').prop("disabled", true);
            }
            var member_type_swimming = $('#member_type_swimming').val();
            if(member_type_swimming == 0){
                setTimeout(function(){
                    getGuestCategoryDeptWisePrice();
                }, delaySec);
            }else{
                getServicePriceDetails(service_category,service_id,member_ship_id);
            }
           
        });
        $('#search').keyup(function(){
            var term = $(this).val();
            getSearchResult(term);
            var service_category = $('select[name="s_id"]').val();
            var service_id = $('select[name="swimming_service"]').val();
            getServicePriceDetails(service_category,service_id,term);
        });
        var search = $('#search').val();
        if(search != ''){
            getSearchResult(search);
        }
        // $('#token_no,#locker_no').on('change',function(){
        //     autoScroll("scrollDepartment")
        // });
        $('#qty').on('keyup change',function(){
            var member_type_swimming = $('#member_type_swimming').val();
            if(member_type_swimming == 0){
                setTimeout(function(){
                    getGuestCategoryDeptWisePrice();
                }, delaySec);
            }else{
                totalCalculation();
            }
            
        });
        $('#unit_price').on('keyup change',function(){
            totalCalculation();
        });
        $('#addOnRow').click(function(){
            var service_department_id = $('select[name="s_id"]').trigger('selected').val();
            var service_department_text = $('select[name="s_id"]').find(":selected").text();
            var service_id = $('select[name="swimming_service"]').trigger('selected').val();
            var service_text =  $('select[name="swimming_service"]').find(":selected").text();
            var coach_id = $('#coach_name').val();
            var coach_name = $('#coach_name').find(":selected").text();
            var unit_price = $('#unit_price').val();
            if(coach_name == 'Select Trainer'){
                coach_name = 'N/A';
            }
            var qty = $('#qty').val();
            var service_total = $('#service_total').val();
            if((qty != 0) && service_department_id != ''
             && service_id != ''){
                var subTotal = parseFloat($('#sub_total').val())+parseFloat(service_total);
                $('#sub_total').val(subTotal.toFixed(2));
                $('#grand_total').val(subTotal.toFixed(2));
                $('#due_amount').val(subTotal.toFixed(2));
                var showcaseTable = $('table .serviceDetailsTable').closest("tr");
                var checkInsertData = 1;
                // $.each(showcaseTable,function(e){
                //     var checkCode = $(this).find('#tb_code').text();
                //     if(checkCode == data.model.code){
                //         checkInsertData = 0;
                //         return false;
                //     }else{
                //         checkInsertData = 1;
                //     }
                // });
                if(checkInsertData == 1){
                    var newRow = $("<tr class='serviceDetailsTable'>");
                    var col = '';
                        col +='<td><input type="hidden" name="service_department_id_arr[]" value="'+service_department_id+'">'+service_department_text+'</td>';
                        col +='<td><input type="hidden" name="service_id_arr[]" value="'+service_id+'">'+service_text+'</td>';
                        col +='<td><input type="hidden" name="coach_id_arr[]" value="'+coach_id+'">'+coach_name+'</td>';
                        col +='<td><input type="hidden" name="unit_price_arr[]" value="'+unit_price+'">'+unit_price+'</td>';
                        col +='<td><input type="hidden" name="qty_arr[]" value="'+qty+'">'+qty+'</td>';
                        col +='<td id="service_total_table"><input type="hidden" name="service_total_arr[]" value="'+service_total+'">'+service_total+'</td>';
                        col +='<td><a href="javascript:;" class="deleteSwmming"><i class="fa fa-trash"></i></a></td>';
                    newRow.append(col);
                    $("table.serviceDetailsTable tbody").append(newRow);


                }
                $('.deleteSwmming').click(function(){
                    // $(this).closest('tr').remove();
                    // var service_total = $(this).closest('tr').find('#service_total_table').text();
                    // var subTotal = parseFloat($('#sub_total').val()) - parseFloat(service_total);
                    // $('#sub_total').val(subTotal.toFixed(2));
                    $(this).closest('tr').remove();
                    var sum = 0;
                    var showcaseTable = $('table .serviceDetailsTable').closest("tr");
                    $.each(showcaseTable,function(e){
                        sum += parseFloat($(this).find('#service_total_table').text()); 
                    });
                    $('#sub_total').val(sum.toFixed(2));
                    $('#grand_total').val(sum.toFixed(2));
                    $('#due_amount').val(sum.toFixed(2));
                    
                    $('#discount').val(0);
                    $('#paid_amount').val(0);
                    $('#change_amount').val(0);
                    // $('#due_amount').val(0);
                });
            }else{
                alert('Please checkout the form');
            }
        });
        $('.deleteSwmming').click(function(){
            // $(this).closest('tr').remove();
            // var service_total = $(this).closest('tr').find('#service_total_table').text();
            // var subTotal = parseFloat($('#sub_total').val()) - parseFloat(service_total);
            // $('#sub_total').val(subTotal.toFixed(2));
            $(this).closest('tr').remove();
            var sum = 0;
            var showcaseTable = $('table .serviceDetailsTable').closest("tr");
            $.each(showcaseTable,function(e){
                sum += parseFloat($(this).find('#service_total_table').text()); 
            });
            $('#sub_total').val(sum.toFixed(2));
            $('#grand_total').val(sum.toFixed(2));
            $('#due_amount').val(sum.toFixed(2));
            
            $('#discount').val(0);
            $('#paid_amount').val(0);
            $('#change_amount').val(0);
            // $('#due_amount').val(0);
        });
        $('#discount').keyup(function(){ 
            var subTotal = parseFloat($('#sub_total').val());
            var discount = subTotal - parseFloat($(this).val());
            
            $('#grand_total').val(discount.toFixed(2));
            $('#due_amount').val(discount.toFixed(2));
        });
        $('#paid_amount').keyup(function(){
            var grand_total = parseFloat($('#grand_total').val());
            var due_amount = grand_total - parseFloat($(this).val());
            if(due_amount >=0){
                $('#due_amount').val(due_amount.toFixed(2));
                if(grand_total<parseFloat($(this).val()) ){
                    $('#change_amount').val((due_amount.toFixed(2)));
                }else{
                    $('#change_amount').val(0);
                }
            }else{
                $('#due_amount').val(0);
                $('#change_amount').val(-(due_amount.toFixed(2)));
            }
     
        });
        $('#submitFormBtn').click(function(){
            var membership_id = $('#membership_id').val();
            var member_name = $('#member_name').val();
            var guest_name = $('#guest_name').val();
            var phone_no = $('#phone_no').val();
            var armed_name = $('#armed_name').val();
            var armend_phone_no = $('#armend_phone_no').val();
            var sum = 0;
            if(membership_id || guest_name || armed_name){
                // var showcaseTable = $('table .serviceDetailsTable').closest("tr");
                // $.each(showcaseTable,function(e){
                //     sum += parseFloat($(this).find('#service_total_table').text()); 
                // }); 
                var tableRowCount =  $('.serviceDetailsTable tbody tr').length;
                // $.each(showcaseTable,function(e){
                //     sum += parseFloat($(this).find('#service_total_table').text()); 
                // }); 
                console.log(tableRowCount);
                if(tableRowCount >  0){
                    var member_type_swimming = $('#member_type_swimming').val();
                    console.log(member_type_swimming);
                    if(member_type_swimming == 1){
                        if(member_name){
                            $(this).attr('type','submit');
                        }else{
                            alert('You must have fill up the Member Membership Id and Member Name');
                        }
                    }else if(member_type_swimming == 0){
                        if(phone_no){
                            $(this).attr('type','submit');
                        }else{
                            alert('You must have fill up the Guest Name and Phone No');
                        }
                    }else{
                        if(armend_phone_no){
                            $(this).attr('type','submit');
                        }else{
                            alert('You must have fill up the Guest Name and Phone No');
                        }
                    }
                }else{
                    alert('Please check out the table');
                }
            }else{
                alert('Please fillup the membership search or guest name');
            }

        });
        $('.payment_method_wise_show').hide();
        $('#p_method').change(function(){
            var text = $(this).find('option:selected').text();
            if(text == 'Cash'){
                $('.payment_method_wise_show').hide();
            }else{
                $('.payment_method_wise_show').show();
            }
        });
        $('input:radio').on('click',function(){
            var type = $(this).val();
            if(type == 'member_radio'){
                $('#member_type_swimming').val(1);
                $('.memberDivPortion').show();
                $('.armedForcesOcDivPortion').hide();
                $('.NmGuestDivPortion').hide();
            }else if(type == 'armedForcedOc_radio'){
                $('#member_type_swimming').val(2);
                $('.memberDivPortion').hide();
                $('.armedForcesOcDivPortion').show();
                $('.NmGuestDivPortion').hide();
            }else{
                $('#member_type_swimming').val(0);
                $('.memberDivPortion').hide();
                $('.armedForcesOcDivPortion').hide();
                $('.NmGuestDivPortion').show();
            }
        });
        //member_type_swimming;
        $('.armedForcesOcDivPortion').hide();
        $('.NmGuestDivPortion').hide();
        if(member_type_swimming != null){
            if(member_type_swimming == 1){
                $('#member_radio').prop( "checked", true );
                $('#member_type_swimming').val(1);
                $('.memberDivPortion').show();
                $('.armedForcesOcDivPortion').hide();
                $('.NmGuestDivPortion').hide();
            }else if(member_type_swimming == 2){
                console.log('askdg');
                $('#armedForcedOc_radio').prop("checked", true );
                $('#member_type_swimming').val(2);
                $('.memberDivPortion').hide();
                $('.armedForcesOcDivPortion').show();
                $('.NmGuestDivPortion').hide();
            }else if(member_type_swimming==0){
                $('#Nmguest_radio').prop( "checked", true );
                $('#member_type_swimming').val(0);
                $('.memberDivPortion').hide();
                $('.armedForcesOcDivPortion').hide();
                $('.NmGuestDivPortion').show();
            }
        }else{
            alert("true");
            $('#member_radio').prop( "checked", true );
            $('#member_type_swimming').val(1);
            $('.memberDivPortion').show();
            $('.armedForcesOcDivPortion').hide();
            $('.NmGuestDivPortion').hide();
        }
        // if($('input:radio').is(":checked")) {
        //     var type = $(this).val();
        //     console.log(type);
        // }
    });
    function totalCalculation(){
        var qty =  $('#qty').val();
        var unit_price = $('#unit_price').val();
        var total = qty * unit_price;
        $('#service_total').val(total.toFixed(2));
    }
    function subTotalAmount(){
        var subTotal = $('#sub_total').val();
    }
    function getService(id){
        if(id){
            $.ajax({
                type: 'get',
                url: $('#mainUrlSwmiimg').val()+'/getserviceDepartmentWiseService',
                data:{
                    'id':id,
                },
                success:function(data){
                    $('select[name="swimming_service"]').empty();
                    var output = '<option value="" selected="selected">Select Service</option>';
                    var output = '';
                    if(data.length > 0){
                        $.each(data,function(i,e){
                            output += '<option value="'+e.id+'">'+e.service_name+'</option>';
                        });
                    }
                    $('select[name="swimming_service"]').append(output);
                    if(data[0]['service_name'] == 'Training' || data[0]['service_name']== 'Trainer' || data[0]['service_name'] == 'Coach'){
                        $('#coach_name').prop("disabled", false);
                    }else{
                        $('#coach_name').val('').change(); 
                        $('#coach_name').prop("disabled", true);
                    }
                    var member_ship_id = $('input[name="membership_id"]').val();
                    getServicePriceDetails(id,data[0]['id'],member_ship_id);
                },
                error:function(data){
                    console.log(data);
                },
            });
        }
    }
    function getServicePriceDetails(service_category,service_id,member_ship_id){
        $.ajax({
            type: 'get',
            url: $('#mainUrlSwmiimg').val()+'/getServiceWisePrice',
            data:{
                'service_category':service_category,
                'service_id':service_id,
                'member_ship_id': member_ship_id,
            },
            success:function(data){
                console.log(data);
                if(data){
                    $('#unit_price').val(data.price);
                    $('#qty').val(1);
                    $('#service_total').val(data.price * 1);
                }else{
                    $('#unit_price').val(0);
                    $('#qty').val(1);
                    $('#service_total').val(0);
                }
            },
            error:function(data){
                console.log(data);
            },
        });
    }
    function autoScroll(divPossion){
        $('html, body').animate({
            scrollTop: $('.'+divPossion).offset().top
        }, 1500);
    }
    function getSearchResult(term){
        if(term != ""){
            $.ajax({
                type: 'get',
                url: $('#mainUrlSwmiimg').val()+'/getMembershipDetails',
                data:{
                    'term':term,
                },
                success:function(data){
                    console.log(data);
                    var last_array = data;
                    // console.log(last_array);
                    if(last_array != 'Not Find'){
                        
                        $('#member_error_text').hide();
                        $('#membership_id').val(last_array.id);
                        $('#member_name').val(last_array.label);

                        $('#member_phone').val(last_array.phone);
                        $('#member_status').val(last_array.status);

                        $('#show_membership_id').text(last_array.id);
                        $('#show_member_name').text(last_array.label);

                        $('#show_member_phone').text(last_array.phone);
                        $('#show_member_status').text(last_array.status);

                        $('#show_subscription_type').text(last_array.monthly_sub_type);
                        $('#member-photo-container').html(last_array.photo);
                    }else{
                        $('#member_error_text').show();
                        $('#membership_id').val('');
                        $('#member_name').val('');

                        $('#member_phone').val('');
                        $('#member_status').val('');

                        $('#show_membership_id').text('');
                        $('#show_member_name').text('');

                        $('#show_member_phone').text('');
                        $('#show_member_status').text('');
                        $('#show_subscription_type').text('');
                        $('#member-photo-container').html('');
                    }
                },
                error:function(data){
                    console.log(data);
                },
            });
        }else{
            $('#member_error_text').show();
            $('#membership_id').val('');
            $('#member_name').val('');

            $('#show_membership_id').text('');
            $('#show_member_name').text('');
            $('#member-photo-container').html('');
        }
    }
    function getGuestCategoryDeptWisePrice(){
        var cat_id = $('#guest_ref_dept_id').val();
        var dept_id = $('select[name="s_id"]').val();
        var service_id = $('select[name="swimming_service"]').val();
        var person = $('#qty').val();
        var type = $('#member_type_swimming').val();
        if(type == 0){
            $.ajax({
                type:'get',
                url:"{{ route('getGuestCategoryDeptWisePrice') }}",
                data:{
                    'cat_id':cat_id ,
                    'dept_id':dept_id,
                    'service_id':service_id ,
                    'person':person ,
                },
                success:function(data){
                    console.log(data);
                    if(data){
                        $('#service_total').val(data.price);
                    }else{
                        $('#service_total').val(0);
                    }
                },
                error:function(data){
                    console.log(data);
                },
            });
        }
    }
</script>
<script>
    $('document').ready(function(){
        var option = $('select option');
        $('select option').on('keyup',function(){
            console.log('hi');
        });
        // $('option').on('keypress keyup keydown', function(e){
        //     var code = e.keyCode || e.which;
        //     console.log(code);
        // });
    });
</script>
@endsection