@extends('backend.layouts.app')
@section('content')
<div class="container-fluid">

    <div class="row">
        <div class="col-xl-12">
            <div class="breadcrumb-holder">
                <h1 class="main-title float-left">
                	Tournament Registration
            	</h1>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a> </li>
                    <li class="breadcrumb-item"><a href="{{ route('tournaments') }}">Tournament</a> </li>
                    <li class="breadcrumb-item active">
                    	Tournament Registration
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    @php        
        if(isset($tournaments) && $tournaments->count() > 0){
            $selected_tour = request()->tour?request()->tour:$tournaments->last()->id;
        }else{
            $selected_tour = null;
        }

        if(count($slot_dates) > 0){
            $selected_date = request()->date?request()->date:$slot_dates[0];
        }else{
            $selected_date = null;
        }
    @endphp
    <div class="row">
    	<div class="col-sm-12">
    		<div class="card">                
                <div class="card-body">
                    <form method="get" action="{{route('tournaments.registration')}}">
                        <div class="row justify-content-center">
                            <div class="col-sm-2 form-group" style="padding-top: 28px;">                                
                                <button class="btn btn-info btn-sm" type="button" data-toggle="modal" data-target="#registration-search-modal">Search Member</button>
                            </div>                           
                            {{-- <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Membership No</label>
                                    @php
                                    $membership_no_search = request()->membership_no_search ? request()->membership_no_search:"";
                                    @endphp
                                    <input class="form-control" name="membership_no_search" value="{{$membership_no_search}}" />
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="form-group">
                                    <label></label>                                    
                                    <input type="submit" class="form-control" value=" Search " />
                                </div>
                            </div> --}}
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Tournament</label>
                                    <select class="form-control select2 tournament-select" name="tour">
                                        <option value="">Select Tournament</option>
                                        @foreach($tournaments as $tournament)
                                        <option value="{{$tournament->id}}" @if($tournament->id == $selected_tour) selected @endif>{{$tournament->tour_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <label>Slot Date</label>
                                <select class="form-control select2 date-select" name="date">
                                    <option value="">Select Date</option>
                                    @foreach($slot_dates as $slot_date)
                                    <option value="{{$slot_date}}" @if($slot_date == $selected_date) selected @endif>{{$slot_date}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Tee Category</label>
                                    <select class="form-control form-control-sm" name="tee_category">
                                        <option value="">All</option>
                                        @foreach($teeCategoryFilter as $filter)
                                            @if(request()->tee_category == $filter->tee_category)
                                                <option value="{{ $filter->tee_category }}" selected>{{ $filter->category->name }}</option>
                                            @else
                                                <option value="{{ $filter->tee_category }}">{{ $filter->category->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <br />
            @if($selected_tour && $selected_date)     

            @php 
                $remaining_slots = 0;
                $total_memberships = 0;
            @endphp

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title pull-left">
                        <strong>Remaining Slots: <strong id="remaining_slots"></strong>.
                        Total Registration: <strong id="total_memberships"></strong>.</strong>
                    </h3>                    
                </div>
                <div class="card-body">
                    <table class="table table-sm table-bordered">
                        <thead>
                            <tr>
                                <th class="text-center">Flgt No.</th>                                
                                <th class="text-center">Tee Off Time</th>                                
                                <th class="text-center">Tee Category</th>
                                <th class="text-center">M/S No</th>
                                <th class="text-center">Golfer Name</th>                                                
                                <th class="text-center">Action</th>
                                <th class="text-center">Remainig Slots</th>
                                
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($tournament_tee_slots as  $slot)                            
                            <tr>
                                <td class="text-center" @if($slot->registrations && $slot->registrations->count() > 0) rowspan="{{$slot->registrations->count()+1}}" @endif>{{$loop->index + 1}}</td>                                
                                <td class="text-center" @if($slot->registrations && $slot->registrations->count() > 0) rowspan="{{$slot->registrations->count()+1}}" @endif>
                                    {{date('g:i A', strtotime($slot->slot_start))}}
                                    -
                                    {{date('g:i A', strtotime($slot->slot_end))}}                                    
                                </td>
                              
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                                                                           
                                <td class="text-center" @if($slot->registrations && $slot->registrations->count() > 0) rowspan="{{$slot->registrations->count()+1}}" @endif>

                                    {{($slot->slot_player_allow - get_remaining_slot($slot->id))}}<br />

                                    @php $remaining_slots += ($slot->slot_player_allow - get_remaining_slot($slot->id)); @endphp

                                    <button class="btn btn-success btn-sm" type="button" data-toggle="modal" data-target="#registration-modal" data-id="{{$slot->id}}">Registration</button>                                    
                                </td>                                
                            </tr>
                                @foreach($slot->registrations as $registration)

                                @php $total_memberships += $registration->membership_no? 1:0; @endphp

                                <tr>
                                    <td class="text-center">{{ $registration->tee_category?$registration->tee_category->name:'' }}</td>
                                    <td class="text-center">{{$registration->membership_no}}</td>
                                    <td class="text-left">{{$registration->golfer_name}}</td>                                                
                                    <td class="text-center" style="width: 100px;">
                                        <a href="{{ route('tournaments.registration.edit', $registration->id) }}" class="ajax-popup-link btn btn-sm btn-info"><i class="fa fa-edit"></i></a>
                                        
                                        <button type="button" class="btn btn-sm btn-danger registration-delete-btn"><i class="fa fa-remove"></i></button>
                                        <form action="{{route('tournaments.delete-registration', $registration->id)}}" style="display: none;" class="registration-delete-form" method="post">
                                            @csrf
                                            @method('DELETE')
                                        </form>                                                    
                                    </td>
                                </tr>
                                @endforeach
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endif
    	</div>
    </div>    
</div>
@endsection

@section('modal_content')
 @if($selected_tour && $selected_date)            
<div class="modal fade custom-modal" id="registration-modal" tabindex="-1" role="dialog" aria-labelledby="customModal" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="{{route('tournaments.add-registration')}}" method="post">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Tournament Registration</h5>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="tour_id" value="{{$tournament_info->id}}">
                    <input type="hidden" name="slot_id" value="" id="regi_slot_id"> 
                    <input type="hidden" name="membership_actual_no" value="" />                            
                    <input type="hidden" name="member_id" value="" />
                    <input type="hidden" name="non_member_id" value="" />
                    <input type="hidden" name="other_club_member_id" value="" />
                    <!-- <input type="hidden" name="tee_category_id" value="" /> -->
                    <div class="form-group row">
                        <label class="col-sm-4 text-right">Membership No</label>
                        <div class="col-sm-7">
                            <input type="text" name="membership_no" id="membership_no-filter" class="form-control" required />                                                    
                        </div>
                        <input type="hidden" name="paid" value="0" class="form-control" required="" />
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-4 text-right">Tee Category</label>
                        <div class="col-sm-7">
                            <select class="form-control" name="tee_category_id" required="">
                                {!! tee_category_dropdown_options() !!}
                            </select>                            
                        </div>
                    </div>
                    <fieldset>                        
                        <div class="form-group row">
                            <label class="col-sm-4 text-right">NM/OC/Guest</label>
                            <div class="col-sm-7">
                                <select class="form-control" name="club_listed">
                                    <option value="No">No</option>
                                    <option value="Yes">Yes</option>
                                </select>                                
                            </div>
                        </div>
                        <div class="">
                            <div class="form-group row">
                                <label class="col-sm-4 text-right">Name</label>
                                <div class="col-sm-7">
                                    <input type="text" name="golfer_name" class="form-control golfer_name not-member-fields" readonly="" />                                    
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-4 text-right">Handicap</label>
                                <div class="col-sm-7">
                                    <input type="text" name="handicap" class="form-control" />                                    
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-4 text-right">Registration Fee</label>
                                <div class="col-sm-7">
                                    <input type="text" name="reg_bill" value="{{$tournament_info->registration_fee}}" class="form-control" required="">                                    
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-4 text-right">Mobile</label>
                                <div class="col-sm-7">
                                    <input type="text" name="golfer_mobile" class="form-control not-member-fields golfer_mobile" readonly="" />                                    
                                </div>
                            </div>                            
                        </div>
                    </fieldset>
                    
                    
                    <div class="form-group row">
                        <label class="col-sm-4 text-right">Remarks</label>
                        <div class="col-sm-7">
                            <input type="text" name="remarks" class="form-control" />                            
                        </div>
                    </div>
                </div>
                <div class="modal-footer">                
                    <button type="submit" class="btn btn-info">Register</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                </div>
            </div>            
        </form>
    </div>
</div>
<div class="modal fade" id="registration-search-modal" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Search Member</h5>
            </div>
            <div class="modal-body">
                <div class="row justify-content-center">
                    <div class="col-sm-3">
                        <input type="text" name="membership_no" id="membership-filter" class="form-control" placeholder="Membership No" />
                    </div>
                </div>
                <div class="table-responsive" style="margin-bottom: 25px; margin-top: 20px;">
                    <table class="table table-bordered table-sm">
                        <tr>
                            <th class="text-center">Mem. No.</th>
                            <th class="text-left">Name</th>
                            <th>Tournament</th>
                            <th class="text-center">Date</th>
                            <th class="text-center">Time</th>                            
                        </tr>
                        
                        <tr>
                            <td class="text-center membership_no"></td>
                            <td class="member_name"></td>
                            <td class="tournament_name"></td>
                            <td class="text-center playing_date"></td>
                            <td class="text-center playing_time"></td>                            
                        </tr>
                        
                    </table>
                </div>
            </div>
            <div class="modal-footer text-right">
                <button data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endif
@endsection
@section('page_script')
<script type="text/javascript">
	$(function(){								

        $('#total_memberships').html('{{$total_memberships}}');
        $('#remaining_slots').html('{{$remaining_slots}}');

	   $('.year-select').on('change', function(){
            $('.tournament-select').val('');
            $('.date-select').val('');
            $(this).closest('form').submit();
       });

       $('.tournament-select').on('change', function(){
            $('.date-select').val('');
            $(this).closest('form').submit();
       });

       $('select[name="tee_category"]').on('change', function(){
            $(this).closest('form').submit();
       });

       $('.ajax-popup-link').magnificPopup({
          type: 'ajax'
        });

       $(document).on('change', 'select[name="club_listed"]', function(){
        var value = $(this).val();
        if(value == 'No'){
            $('.not-member-fields').attr('readonly', 'readonly');
        }else if(value == 'Yes'){
            $('.not-member-fields').removeAttr('readonly');            
        }
       });

       $('.date-select').on('change', function(){
            $(this).closest('form').submit();
       });

        $('.tee-slot-remove-btn').on('click', function(e){
            e.preventDefault();
            if(confirm('Are you sure to remove this slot?')){
                $(this).closest('td').find('form').submit();
            }
        });

        $('#registration-modal').on('shown.bs.modal', function(e) {
          var id = $(e.relatedTarget).data('id');
          $(e.currentTarget).find('input[name="slot_id"]').val(id);
        });


        $('#payment-modal').on('shown.bs.modal', function(e) {
          var id = $(e.relatedTarget).data('id');
          var name = $(e.relatedTarget).data('golfername');
          var membership_no = $(e.relatedTarget).data('membershipno');

          $(e.currentTarget).find('input[name="id"]').val(id);
          $(e.currentTarget).find('input[name="golfer_name"]').val(name);
          $(e.currentTarget).find('input[name="membership_no"]').val(membership_no);
        })


        $('.registration-delete-btn').on('click', function(e){
            if(confirm('Are you sure to remove registration')){
                $(this).closest('td').find('.registration-delete-form').submit();
            }
        })
	});

    $(function() {
        $('.timepicker').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            autoUpdateInput: true,
            timePicker: true,
            // drops: "up",
            autoApply:true,
            locale: {
                format: 'hh:mm A',
                daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
                firstDay: 0
            }
        }).on('show.daterangepicker', function(ev, picker) {
             picker.container.find(".calendar-table").hide();
        });

        $(document).on('change, keyup', '#membership_no-filter', function(){
            var btn = $(this);
            var form = $(this).closest('form');
            if($(this).val()){
                $.ajax({
                    url: '{{ route("get-member-info") }}?membership_no='+$(this).val(),
                    dataType: 'json',
                    success: function(result){
                        if(result.status == 'success'){                            
                            form.find('input[name="golfer_name"]').val(result.data.name);                            
                            form.find('input[name="handicap"]').val(result.data.handicap);
                            form.find('input[name="member_id"]').val(result.data.member_id);
                            form.find('input[name="non_member_id"]').val(result.data.non_member_id);
                            form.find('input[name="other_club_member_id"]').val(result.data.other_club_member_id);
                            form.find('input[name="membership_actual_no"]').val(result.data.membership_no);
                            form.find('select[name="tee_category_id"]').val(result.data.tee_category_id);
                            
                        }else{                            
                            form.find('input[name="golfer_name"]').val('');                            
                            form.find('input[name="handicap"]').val('');
                            form.find('input[name="member_id"]').val('');
                            form.find('input[name="non_member_id"]').val('');
                            form.find('input[name="other_club_member_id"]').val('');
                            form.find('input[name="membership_actual_no"]').val('');                      
                            form.find('select[name="tee_category_id"]').val('');                      
                            
                        }
                    },
                    error: function(){
                        form.find('input[name="golfer_name"]').val('');                            
                        form.find('input[name="handicap"]').val('');
                        form.find('input[name="member_id"]').val('');
                        form.find('input[name="non_member_id"]').val('');
                        form.find('input[name="other_club_member_id"]').val('');
                        form.find('input[name="membership_actual_no"]').val('');
                        form.find('select[name="tee_category_id"]').val('');                                              
                    }
                });             
            }else{
                form.find('input[name="golfer_name"]').val('');                            
                form.find('input[name="handicap"]').val('');
                form.find('input[name="member_id"]').val('');
                form.find('input[name="non_member_id"]').val('');
                form.find('input[name="other_club_member_id"]').val('');
                form.find('input[name="membership_actual_no"]').val('');  
                form.find('select[name="tee_category_id"]').val('');                                      
            }
        });

        $('#membership-filter').on('keyup', function(){  
            var modalBody = $(this).closest('.modal-body');
            var membership_no = $(this).val();
            var token = '{{ csrf_token() }}';
            var tour =  {{$tournament_info->id}};

            modalBody.find('.membership_no').text('');
            modalBody.find('.member_name').text('');
            modalBody.find('.tournament_name').text('');
            modalBody.find('.playing_date').text('');
            modalBody.find('.playing_time').text('');
            if(membership_no){
                $.ajax({
                    url: '{{ route('tournaments.score-entry-card-ajax') }}',
                    type: 'POST',
                    data: {membership_no: membership_no, tour:tour, _token: token},
                    dataType: 'json',
                    success: function(result){
                        if(result.registration){
                            modalBody.find('.membership_no').text(result.registration.membership_no);
                            modalBody.find('.member_name').text(result.registration.golfer_name);
                            modalBody.find('.tournament_name').text(result.registration.tournament.tour_name);
                            modalBody.find('.playing_date').text(result.registration.slot.slot_date);
                            modalBody.find('.playing_time').text(result.registration.slot.slot_start);
                        }
                    }
                });           
            }
        });
    });
</script>
@endsection