@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">
                	Summary of Online Registration Fees
            	</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">
                    	Summary of Online Registration Fees
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    
    <div class="row">
    	<div class="col-sm-12">
    		<div class="card">                
                <div class="card-body">
                    <form method="get" action="{{route('tournaments.report.registration')}}">
                        <div class="row justify-content-center">
                            @php
                                $selected_year = request()->year?request()->year:date('Y');
                                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:null;
                                }else{
                                    $selected_date = null;
                                }
                            @endphp
                            <div class="col-sm-1">
                                <div class="form-group">
                                    <label>Year</label>
                                    <select class="form-control select2 year-select" name="year">
                                        <option value="">Select Year</option>
                                        @for($i=date('Y')+1; $i > 2015; $i--)
                                            <option value="{{$i}}" @if($i == $selected_year) selected @endif>{{$i}}</option>
                                        @endfor
                                    </select>
                                </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-2">
                                <label>Reg. 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-2">
                                <div class="form-group">
                                    <label>Payment Method</label>
                                    <select class="form-control payment_method_filter" name="payment_method_id">
                                        {!! payment_method_dropdown_options(request()->payment_method_id, true) !!}
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Mem. No / Name</label>
                                    <input type="text" name="membership_no" class="form-control" value="{{  request()->membership_no }}" />
                                </div>
                            </div> 
                            <div class="col-sm-1" style="padding-top: 28px;">
                                <label>&nbsp;</label>
                                <button class="btn btn-info btn-sm" type="submit"><i class="fa fa-play"></i></button>
                            </div>                            
                        </div>
                    </form>
                </div>
            </div>
            <br />
            @if($selected_year && $selected_tour)
                <a href="{{route('tournaments.report.registration-pdf', ['year' => $selected_year, 'tour' => $selected_tour, 'date' => $selected_date, 'payment_method_id' => request()->payment_method_id])}}" target="_blank" class="btn btn-primary pull-right"><i class="fa fa-print"></i> Print</a>
                <div class="clearfix">
                    
                </div>
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                        @php
                            $totalForSelection = 0;
                            $paidPersons = 0;
                            $duePersons = 0;
                        @endphp
                        <table class="table table-sm table-bordered">
                            <thead>
                                <tr>
                                    <th colspan="11" class="text-center">
                                        <h3 style="font-size: 16px; text-align: center; display: block;">Tournament: {{$tournament_info->tour_name}}</h3>                                
                                    </th>
                                </tr>
                                <tr>
                                    <th class="text-center">SL</th>
                                    <th class="text-center">Member Cat.</th>
                                    <th class="text-center">Tee Category</th>
                                    <th class="text-center">M. ID</th>
                                    <th class="text-center">Name</th>                                    
                                    <th class="text-center">Amount</th>
                                    <th class="text-right">Paid</th>
                                    <th class="text-center">Paid Date</th>
                                    <th class="text-center">Pay. Method</th>
                                    <th class="text-center">Due</th>
                                    <th class="text-center" style="width: 120px;">Action</th>                                    
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($registrations as $row)
                                <tr>
                                    <td class="text-center">{{ $loop->index + 1 }}</td>
                                    <td class="text-center">{{ $row->member_type }}</td>
                                    <td class="text-center">{{ $row->tee_category?$row->tee_category->name:'' }}</td>
                                    <td class="text-center">{{ $row->membership_no }}</td>
                                    <td class="text-left">{{ $row->golfer_name }}</td>                                    
                                    <td class="text-right">{{ number_format($row->reg_bill, 2) }}</td>
                                    <td class="text-right">{{ number_format($row->paid, 2) }}</td>
                                    <td class="text-center">{{ $row->paid_date }}</td>
                                    <td class="text-center">{{ $row->payment_method_info?$row->payment_method_info->name:'' }}</td>
                                    <td class="text-right">{{ number_format($row->reg_bill - $row->paid, 2) }}</td>
                                    <td class="text-center">
                                        <a href="{{ route('tournaments.money-receipt', $row->id) }}" class="btn btn-sm btn-info"><i class="fa fa-print"></i></a>
                                        <button class="btn btn-success btn-sm" type="button" data-target="#payment-modal" data-toggle="modal" data-id="{{ $row->id }}" data-golfername="{{ $row->golfer_name }}" data-membershipno="{{ $row->membership_no }}"><i class="fa fa-plus"></i></button>
                                        <a href="#" class="btn btn-sm btn-danger delete" data-id="{{ $row->id }}" data-tablename="tour_registrations"><i class="fa fa-remove"></i></a>
                                    </td>
                                    @php
                                        $totalForSelection++;
                                        if(($row->reg_bill - $row->paid) > 0){
                                            $duePersons++;
                                        }else{
                                            $paidPersons++;
                                        }
                                    @endphp
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                   <th class="text-right" colspan="5">
                                       Total
                                   </th> 
                                   <th class="text-right">
                                       {{ number_format($registrations->sum('reg_bill'), 2) }}
                                   </th>
                                   <th class="text-right">
                                       {{ number_format($registrations->sum('paid'), 2) }}
                                   </th>
                                   <th></th>
                                   <th></th>
                                   <th class="text-right">
                                       {{ number_format($registrations->sum('reg_bill') - $registrations->sum('paid'), 2) }}
                                   </th>
                                   <th></th>
                                </tr>
                                <tr>
                                    <th colspan="10"><b>Registered Persons:</b> {{ $totalForSelection }}, <b>Playing Persons:</b> {{ $paidPersons }}, <b>Absent Persons: </b>{{ $duePersons }}</th>
                                </tr>
                            </tfoot>                    
                        </table>
                        </div>
                    </div>
                </div>                                       
            @endif
    	</div>
    </div>    
</div>
@endsection
@section('modal_content')
@if(isset($tournament_info) && $tournament_info)
<div class="modal fade custom-modal" id="payment-modal" tabindex="-1" role="dialog" aria-labelledby="customModal" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="{{route('tournaments.collect-payment')}}" method="post">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Collect Payment</h5>
                </div>
                <div class="modal-body">                    
                    <input type="hidden" name="id" value="" id="tournament_registration_id">
                    <div class="form-group">
                        <label>Name</label>
                        <input type="text" name="golfer_name" value="" class="form-control" readonly />
                    </div>
                    <div class="form-group">
                        <label>Membership No</label>
                        <input type="text" name="membership_no" value="" class="form-control" readonly />
                    </div>
                    <div class="form-group">
                        <label>Payment Method</label>
                        <select class="form-control" required="" name="payment_method" required="">
                            <option value="">Select Payment Method</option>
                            @foreach($payment_methods as $method)
                                @if($method->id == 1)
                                    <option value="{{$method->id}}" selected="">{{$method->name}}</option>
                                @else
                                    <option value="{{$method->id}}">{{$method->name}}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Registration Fee</label>
                        <input type="text" name="reg_bill" value="{{$tournament_info->registration_fee}}" class="form-control">
                    </div>
                    <div class="form-group">
                        <label class="control-label">Toal Payment</label>
                        <input type="text" name="paid" value="{{$tournament_info->registration_fee}}" class="form-control" required="" />
                    </div>
                    <div class="form-group">
                        <label>Remarks</label>
                        <input type="text" name="remarks" class="form-control" />
                    </div>
                </div>
                <div class="modal-footer">                
                    <button type="submit" class="btn btn-info">Add Payment</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                </div>
            </div>            
        </form>
    </div>
</div>
@endif
@endsection

@section('before_body_end')
<script type="text/javascript">
	$(function(){
        $('#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);
        })

	   $('.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();
       });

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

       $('.payment_method_filter').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);
        })

        $('.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();
        });
    });
</script>
@endsection