@extends('backend.layouts.app')
<style>
    table thead tr th{
        font-size:11px;
    }
</style>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet">
<link href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap4.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script>
    $('document').ready(function(){
        console.log(localStorage.getItem('pageCounter'));
        if(localStorage.getItem('pageCounter')){
            localStorage.setItem('pageCounter','');
            var table = $('#example1').DataTable({
                language: {
                    "lengthMenu": "Display _MENU_ Records",
                    'paginate': {
                        'previous': '<span> <i class="fa fa-arrow-circle-left" style=" font-size: 18px; " aria-hidden="true"></i></span>',
                        'next': '<span><i class="fa fa-arrow-circle-right" style=" font-size: 18px; " aria-hidden="true"></i></span>',
                    },
                },
                'bStateSave'  : false,
                "lengthMenu": [[5,10,20,50,100,300,500, -1], [5,10,20,50,100,300,500, "All"]],
                'paging'      : true,
                'searching'   : true,
                'ordering'    : false,
                'info'        : true,
                'autoWidth'   : false,
                'bStateSave'  : true,
                'saveState'   : true,
                    
                initComplete: function () {
                    this.api().columns([1,2,4]).every(function () {
                        var column = this;
                        var select = $('<select class="form-control select2"><option value="">Search</option></select>')
                            .appendTo($(column.header()).empty()).on('change', function () {
                                var val = $.fn.dataTable.util.escapeRegex($(this).val());
                                column.search(val ? '^' + val + '$' : '', true, false).draw();
                            });
                        column.data().unique().sort().each(function (d, j) {
                            select.append('<option value="' + d + '">' + d + '</option>');
                        });
                    });
                },
                "infoCallback": function( settings, start, end, max, total, pre ) {
                    var api = this.api();
                    var pageInfo = api.page.info();
                    var htmlView = '<strong>Total Records: '+total+'</strong>'
                    return htmlView;
                },
                "footerCallback": function ( row, data, start, end, display ) {
                    var api = this.api(), data;
                    // Remove the formatting to get integer data for summation
                    var intVal = function ( i ) {
                        return typeof i === 'string' ?
                            i.replace(/[\$,]/g, '')*1 :
                            typeof i === 'number' ?
                                i : 0;
                    };
                },
                "drawCallback": function(){
                    $('.paginate_button a', this.api().table().container())          
                        .on('click', function(){
                            localStorage.setItem('pageCounter',$(this).text());
                        });       
                },
            });
        }else{
            var table = $('#example1').DataTable({
                language: {
                    "lengthMenu": "Display _MENU_ Records",
                    'paginate': {
                        'previous': '<span> <i class="fa fa-arrow-circle-left" style=" font-size: 18px; " aria-hidden="true"></i></span>',
                        'next': '<span><i class="fa fa-arrow-circle-right" style=" font-size: 18px; " aria-hidden="true"></i></span>',
                    },
                },
                'bStateSave'  : false,
                "lengthMenu": [[5,10,20,50,100,300,500, -1], [5,10,20,50,100,300,500, "All"]],
                'paging'      : true,
                'searching'   : true,
                'ordering'    : false,
                'info'        : true,
                'autoWidth'   : false,
                'bStateSave'  : false,
                'saveState'   : false,
                    
                initComplete: function () {
                    this.api().columns([1,2,4]).every(function () {
                        var column = this;
                        var select = $('<select class="form-control select2"><option value="">Search</option></select>')
                            .appendTo($(column.header()).empty()).on('change', function () {
                                var val = $.fn.dataTable.util.escapeRegex($(this).val());
                                column.search(val ? '^' + val + '$' : '', true, false).draw();
                            });
                        column.data().unique().sort().each(function (d, j) {
                            select.append('<option value="' + d + '">' + d + '</option>');
                        });
                    });
                },
                "infoCallback": function( settings, start, end, max, total, pre ) {
                    var api = this.api();
                    var pageInfo = api.page.info();
                    var htmlView = '<strong>Total Records: '+total+'</strong>'
                    return htmlView;
                },
                "footerCallback": function ( row, data, start, end, display ) {
                    var api = this.api(), data;
                    // Remove the formatting to get integer data for summation
                    var intVal = function ( i ) {
                        return typeof i === 'string' ?
                            i.replace(/[\$,]/g, '')*1 :
                            typeof i === 'number' ?
                                i : 0;
                    };
                },
                "drawCallback": function(){
                    $('.paginate_button a', this.api().table().container())          
                        .on('click', function(){
                            localStorage.setItem('pageCounter',$(this).text());
                        });       
                },
            }); 
        }
        $('.select2').select2();
    }); 
    function processInfo(info) {
        console.log(info);
        //do your stuff here
    }   
</script>

@section('content')

<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h5 style="text-align: center"> Due Collection And Exit </h5>
		    <a href="{{route('swimming-pool')}}" class="btn btn-success" style="color: #000000; border: 1px solid #eee; margin: 0px 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 float-right">
		</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" style="display: inherit;padding-bottom: 0px;">
                <!-- <h3 class="card-title">New Registration </h3> -->
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-4" style="    top: 31px;">
                            <div class="btn-group">
                                <p> <b style=" font-size: 15px; "> Registration</b> </p>
                                <!-- <button type="button" class="btn btn-info" data-toggle="modal" data-target="#create"><i class="fa fa-fw fa-plus-square"></i></button> -->
                                <a style=" left: 10px; top: -7px; " href="{{ route('swimming-registration.create') }}" class="btn btn-info"><i class="fa fa-fw fa-plus-square"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-8" style=" left: 10%; ">
                    <div>
                        <form action="#" method="GET">
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <label class="control-label">Date From</label>
                                        <input type="text" name="date_from" id="date_from" class="single-date-picker form-control" value="@if(request()->date_from) {{ request()->date_from }} @else 2026-06-10 @endif" autocomplete="off"/>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <label class="control-label">Date To</label>
                                        <input type="text" name="date_to" id="date_to" class="single-date-picker form-control" value="@if(request()->date_to) {{ request()->date_to }} @else 2026-06-10 @endif"  autocomplete="off"/>
                                    </div>
                                </div>
                                <div class="col-sm-2" style="padding-top: 30px;">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-info"><i class="fa fa-search"></i></button>								
                                    </div>
                                </div>	
                            </div>				
                        </form>
                    </div>
                </div>
            </div>   
            <div class="card-body">		
                <table class="table table-striped table-bordered" id="example1" style="100%">
                    <thead>
                        <!-- <tr>
                            <th class="">Sl</th>
                            <th class="filterhead">Type</th>
                            <th class="filterhead">Name</th>
                            <th class="filterhead">Locker No</th>
                            <th>Phone</th>
                            <th class="filterhead">Due</th>
                            <th class="filterhead">Paid</th>
                            <th>Action</th>
                        </tr> -->
                        <tr>
                            <th>Sl</th>
                            <th>Type</th>
                            <th>Name</th>
                            <th>D/Service</th>
                            <th>Locker No</th>
                            <!-- <th>Token No</th> -->
                            <!-- <th>Phone</th> -->
                            <th>Due-BDT</th>
                            <th>Paid-BDT</th>
                            <th>Entry Time</th>
                            <th>Exit Time</th>
                            <th>Action</th>
                        </tr>
                        <tr>
                            <th>Sl</th>
                            <th>Type</th>
                            <th>Name</th>
                            <th>D/Service</th>
                            <th>Locker No</th>
                            <!-- <th>Token No</th> -->
                            <!-- <th>Phone</th> -->
                            <th>Due-BDT</th>
                            <th>Paid-BDT</th>
                            <th>Entry Time</th>
                            <th>Exit Time</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(sizeof($model) > 0)
                        @foreach($model as $m)
                        <tr>
                            <td width:10px>{{ ++$sl }}</td>
                            <td>@if($m->type == 1) Member @else Guest @endif</td>
                            <td>
                                @if($m->member_name)
                                {{ $m->member_name }}
                                @else
                                {{ $m->guest_name }}
                                @endif
                            </td>
                            <td>{{ App\SwimmingPoolRegistration::serviceList($m) }}</td>
                            <td>{{ $m->locker_no }}</td>
                            <!-- <td>{{ $m->token_no }}</td> -->
                            <!-- <td>{{ $m->phone_no }}</td> -->
                            <td>{{ $m->swimmingPayment->last()->due_amount }}</td>
                            <td>{{ $m->swimmingTotal->sum('paid_amount') }}</td>
                            <td>{{ $m->entry_time }}</td>
                            <td>{{ $m->exit_time }}</td>
                            <td>
                                <div style="display: inline-flex;">
                                                                        <a target="_blank" href="{{ route('swimming-print',$m->id) }}" title="Print" class="btn btn-info" 
                                    >
                                        <i class="fa fa-print" aria-hidden="true"></i>
                                    </a>
                                    <a title="Exit Entry" class="btn btn-success"  data-toggle="modal" data-target="#exitEntry"  
                                        data-target-id = "{{$m->id}}" data-name = "{{ $memberOrGuestName }}" data-entry_date = "{{ $m->date }}"
                                        data-entry_time = "{{ $m->entry_time }}"
                                    >
                                        <i class="fa fa-user" aria-hidden="true"></i>
                                    </a>
                                    <a title="Due Payment" class="btn btn-success"  data-toggle="modal" data-target="#edit"  data-target-id = "{{$m->id}}" 
                                        data-current_due = "{{ $m->swimmingPayment->last()->due_amount }}"
                                        data-service_name = "{{ App\SwimmingPoolRegistration::serviceList($m) }}"
                                    >
                                        <i class="fa fa-credit-card" aria-hidden="true"></i>
                                    </a>
                                    <!-- <a href="{{ route('swimming-registration.edit',$m->id) }}" class="btn btn-success" data-target="#edit"  
                                        data-reg = "{{ $m }}" >
                                        <i class="fa fa-fw fa-edit"></i>
                                    </a> -->
                                    <a class="btn btn-danger item-delete-btn btn-sm" href="{{route('swimming-registration-delete', $m->id)}}"><i class="fa fa-times"></i></a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        @endif
                        @if(sizeof($model1) > 0)
                        @foreach($model1 as $m)
                        <tr>
                            <td width:10px>{{ ++$sl }}</td>
                            <td>@if($m->type == 1) Member @else Guest @endif</td>
                            <td>
                                @if($m->member_name)
                                {{ $m->member_name }}
                                @else
                                {{ $m->guest_name }}
                                @endif
                            </td>
                            <td>{{ App\SwimmingMonthlyServiceReg::serviceList($m) }}</td>
                            <td>{{ $m->locker_no }}</td>
                            <!-- <td>{{ $m->token_no }}</td> -->
                            <!-- <td>{{ $m->phone_no }}</td> -->
                            <td>{{ $m->swimmingPayment->last()->due_amount }}</td>
                            <td>{{ $m->swimmingTotal->sum('paid_amount') }}</td>
                            <td>{{ $m->entry_time }}</td>
                            <td>{{ $m->exit_time }}</td>
                            <td>
                                <div style="display: inline-flex;">
                                                                        <a href="{{ route('swimming-print-yoga',$m->id) }}" title="Print" class="btn btn-info" 
                                    >
                                        <i class="fa fa-print" aria-hidden="true"></i>
                                    </a>
                                    <a title="Exit Entry" class="btn btn-success"  data-toggle="modal" data-target="#exitEntryYoga"  
                                        data-target-id = "{{$m->id}}" data-name = "{{ $memberOrGuestName }}" data-entry_date = "{{ $m->date }}"
                                        data-entry_time = "{{ $m->entry_time }}"
                                    >
                                        <i class="fa fa-user" aria-hidden="true"></i>
                                    </a>
                                    <a title="Due Payment" class="btn btn-success"  data-toggle="modal" data-target="#editYoga"  data-target-id = "{{$m->id}}" 
                                        data-current_due = "{{ $m->swimmingPayment->last()->due_amount }}"
                                        data-service_name = "{{ App\SwimmingMonthlyServiceReg::serviceList($m) }}"
                                    >
                                        <i class="fa fa-credit-card" aria-hidden="true"></i>
                                    </a>
                                    <!-- <a href="{{ route('swimming-registration.edit',$m->id) }}" class="btn btn-success" data-target="#edit"  
                                        data-reg = "{{ $m }}" >
                                        <i class="fa fa-fw fa-edit"></i>
                                    </a> -->
                                    <a class="btn btn-danger item-delete-btn btn-sm" href="{{route('yoga.destroy', $m->id)}}"><i class="fa fa-times"></i></a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>			
            </div>
        </div>			
	</div>
</div>

<input type="hidden" id="modalValue" value="{{ Session::get('modal') }}">
<div class="modal fade" id="edit">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Due Payment</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span></button>
            </div>
            <form id="editForm" action="#" method="post" enctype="multipart/form-data">@csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Service Name</label>
                                    <input type="text" class="form-control" value="{{ old('service_name') }}" name="service_name" id="service_name" placeholder="Guest Name" autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                <label>Payment Method</label>
                                <select class="form-control select2" name="p_method" id="p_method" style="width: 100%;" 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-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Current Due</label>
                                    <input type="text" class="form-control" value="{{ old('current_due') }}" name="current_due" id="current_due" placeholder="Guest Name" autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                            <div class="form-group">
                                    <label>Paid Amount</label>
                                    <input type="text" class="form-control" value="{{ old('paid_due') }}" name="paid_due" id="paid_due" placeholder="Paid Amount" autocomplete="off">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Close</button>
                    <button type="submit" id="modalSubmit" class="btn btn-success">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="exitEntry">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Exit Entry</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span></button>
            </div>
            <form id="exitTimeForm" action="#" method="post" enctype="multipart/form-data">@csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Name</label>
                                    <input type="text" class="form-control" value="{{ old('name') }}" name="name" id="name" placeholder="Name" autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Entry Date</label>
                                    <input type="date" class="form-control" value="{{ old('entry_date') }}" name="entry_date" id="entry_date" placeholder="Entry Date" autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Entry Time</label>
                                    <input type="text" class="form-control" value="{{ old('entry_time') }}" name="entry_time" id="entry_time" placeholder="Entry Time " autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                            <div class="form-group">
                                    <label>Exit Date</label>
                                    <input type="date" class="form-control" value="2026-06-10" name="exit_date" id="exit_time" placeholder="Exit Time" autocomplete="off">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                            <div class="form-group">
                                    <label>Exit Time</label>
                                    <input type="text" class="form-control timepicker" value="07:55:21" name="exit_time" id="exit_time" placeholder="Exit Time" autocomplete="off">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Close</button>
                    <button type="submit" id="modalSubmit" class="btn btn-success">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="editYoga">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Due Payment</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span></button>
            </div>
            <form id="editFormYoga" action="#" method="post" enctype="multipart/form-data">@csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Service Name</label>
                                    <input type="text" class="form-control" value="{{ old('service_name') }}" name="service_name" id="service_name" placeholder="Guest Name" autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                <label>Payment Method</label>
                                <select class="form-control select2" name="p_method" id="p_method" style="width: 100%;" 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-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Current Due</label>
                                    <input type="text" class="form-control" value="{{ old('current_due') }}" name="current_due" id="current_due" placeholder="Guest Name" autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                            <div class="form-group">
                                    <label>Paid Amount</label>
                                    <input type="text" class="form-control" value="{{ old('paid_due') }}" name="paid_due" id="paid_due" placeholder="Paid Amount" autocomplete="off">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Close</button>
                    <button type="submit" id="modalSubmit" class="btn btn-success">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="exitEntryYoga">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Exit Entry</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span></button>
            </div>
            <form id="exitTimeFormYoga" action="#" method="post" enctype="multipart/form-data">@csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Name</label>
                                    <input type="text" class="form-control" value="{{ old('name') }}" name="name" id="name" placeholder="Name" autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Entry Date</label>
                                    <input type="date" class="form-control" value="{{ old('entry_date') }}" name="entry_date" id="entry_date" placeholder="Entry Date" autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Entry Time</label>
                                    <input type="text" class="form-control" value="{{ old('entry_time') }}" name="entry_time" id="entry_time" placeholder="Entry Time " autocomplete="off" Readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                            <div class="form-group">
                                    <label>Exit Date</label>
                                    <input type="date" class="form-control" value="2026-06-10" name="exit_date" id="exit_time" placeholder="Exit Time" autocomplete="off">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="box-body">
                            <div class="form-group">
                                    <label>Exit Time</label>
                                    <input type="text" class="form-control timepicker" value="07:55:21" name="exit_time" id="exit_time" placeholder="Exit Time" autocomplete="off">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Close</button>
                    <button type="submit" id="modalSubmit" class="btn btn-success">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('modal_content')

@endsection
@section('page_script')>
<script>
  $('document').ready(function(){
    var err = $('#modalValue').val();
    $('#exitEntry').modal({ 'show' : err =="exitEntry" ? true : false });
    $('#exitEntryYoga').modal({ 'show' : err =="exitEntry" ? true : false });
    $('#edit').modal({ 'show' : err =="edit" ? true : false });
  });
</script>
<script>
    $('document').ready(function(){
        $('#p_method option')
            .filter(function() { return $.trim( $(this).text() ) == 'Cash'; })
            .attr('selected',true);

        $("#edit").on("show.bs.modal", function(e) { 
            var id = $(e.relatedTarget).data('target-id');
            var current_due = $(e.relatedTarget).data('current_due');
            var service_name = $(e.relatedTarget).data('service_name');
            $('#edit .modal-body #current_due').val(current_due);
            $('#edit .modal-body #service_name').val(service_name);
            $('#editForm').attr('action',$('#mainUrlSwmiimg').val()+'/duePaid/'+id);
            if(current_due > 0){
                $('#edit .modal-footer #modalSubmit').prop('disabled', false);
            }else{
                $('#edit .modal-footer #modalSubmit').prop('disabled', true);
            }
        });
        $("#exitEntry").on("show.bs.modal", function(e) { 
            var id = $(e.relatedTarget).data('target-id');
            var name = $(e.relatedTarget).data('name');
            var entry_time = $(e.relatedTarget).data('entry_time');
            var entry_date = $(e.relatedTarget).data('entry_date');
             console.log(entry_time);
            $('#exitEntry .modal-body #name').val(name);
            $('#exitEntry .modal-body #entry_time').val(entry_time);
            $('#exitEntry .modal-body #entry_date').val(entry_date);
            $('#exitTimeForm').attr('action',$('#mainUrlSwmiimg').val()+'/entryExitTime/'+id);
        });
        $("#exitEntryYoga").on("show.bs.modal", function(e) { 
            var id = $(e.relatedTarget).data('target-id');
            var name = $(e.relatedTarget).data('name');
            var entry_time = $(e.relatedTarget).data('entry_time');
            var entry_date = $(e.relatedTarget).data('entry_date');
             console.log(entry_time);
            $('#exitEntryYoga .modal-body #name').val(name);
            $('#exitEntryYoga .modal-body #entry_time').val(entry_time);
            $('#exitEntryYoga .modal-body #entry_date').val(entry_date);
            $('#exitTimeFormYoga').attr('action',$('#mainUrlSwmiimg').val()+'/entryExitTime-yoga/'+id);
        });
        $("#editYoga").on("show.bs.modal", function(e) { 
            var id = $(e.relatedTarget).data('target-id');
            var current_due = $(e.relatedTarget).data('current_due');
            var service_name = $(e.relatedTarget).data('service_name');
            $('#editYoga .modal-body #current_due').val(current_due);
            $('#editYoga .modal-body #service_name').val(service_name);
            $('#editFormYoga').attr('action',$('#mainUrlSwmiimg').val()+'/yoga/duePaid/'+id);
            if(current_due > 0){
                $('#editYoga .modal-footer #modalSubmit').prop('disabled', false);
            }else{
                $('#editYoga .modal-footer #modalSubmit').prop('disabled', true);
            }
        });
        $('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true,
			autoUpdateInput: false,
			locale: {
		      format:'YYYY-MM-DD'
		    }
		});
        $('.single-date-picker').on('apply.daterangepicker', function(ev, picker){
			$(this).val(picker.startDate.format('YYYY-MM-DD'));			
		});
    });
    function serviceDepartment(id){
        $.ajax({
            type: 'get',
            url: $('#mainUrlSwmiimg').val()+'/getserviceDepartmentWiseService',
            data:{
                'id':id,
            },
            success:function(data){
                $('select[name="swimming_service"]').empty();
                if(data.length > 0){
                    var output = '<option value="" selected="selected">Select Service Name</option>';
                    $.each(data,function(i,e){
                        output += '<option value="'+e.id+'">'+e.service_name+'</option>';
                    });
                    $('.modal-body select[name="swimming_service"]').html(output);
                }
            },
            error:function(data){
                console.log(data);
            },
        });
    }
    function getServiceName(id){
        $.ajax({
            type: 'get',
            url: $('#mainUrlSwmiimg').val()+'/getserviceDepartmentWiseServiceName',
            data:{
                'id':id,
            },
            success:function(data){
                localStorage.setItem('resultgetServiceName',data.service_name);
            },
            error:function(data){
                console.log(data);
            },
        });
    }
</script>

@endsection