@include('links.header')

<div>

    <div class="block-header">

        <h2>Entries for Checkout</h2>

    </div><!-- Widgets -->

    <!-- #END# Widgets -->

    <br>

    <!--<b>Event List</b>-->

    <div class="check-body check-cardtext">

        <div class="block-header">

            <h2>Entry Information</h2>

        </div>
        @if(env('EXCEPTIONAL_AWARD_ID') == session('top_menu_event_id'))
           

            <p>Once the entry is submitted, no changes possible. </p>

           
        @else
            <p>Double check on the Entry ID, Title Brand, Category, Price of all the entries which are ready to proceed to checkout. </p>

            <p>Once the entry is submitted, no changes possible. </p>

            <p>Make your payment directly into our bank account. Please use your ID as the payment reference.</p>

            <p>Double check on the billing details to avoid any mistakes on the invoices.</p>

            <p>Once the invoice is generated, it cannot be canceled.</p>

        @endif

        

    </div>


    <div class="table-responsive">

        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">

            <thead>

                <tr>

                    <th> <input type="checkbox" value="0" id="selectAll_entries" name="checksum"   /></th>

                    <th>Entry ID</th>

                    <th>Title</th>

                    <th>Category</th>

                    <th>Sub Category</th>

                    <th>Price</th>

                </tr>

            </thead>

            <tbody>
                @php
                    $amount=0;
                    $today = strtotime(date('Y-m-d'));
                    $early_bird_end_date = strtotime($event_detail->early_bird_fee_end_date);
                  
                    if($early_bird_end_date >= $today){
                        $amount =    $event_detail->amount;
                    } else{
                        $amount =    $event_detail->late_entry_fee ;
                    }
                 @endphp
                
                @if(!empty($entries))

                @foreach($entries AS $entry)
               
                <tr>
                     <td> <input type="checkbox"  value="{{ $amount }}" id="{{ $entry->id }}" name="checksum" data-entryId="{{ $entry->id }}"  class="case" onclick="setSum('{{ $amount }}','{{$entry->id}}')" /> </td>

                    <td>{{ $entry->entry_id }} </td>

                    <td>{{ $entry->title }}</td>

                    <td>{{ $entry->category_type }} </td>

                    <td>{{ $entry->category }} </td>

                    <td>{{ $amount }}</td>

                    @endforeach

                    @endif

            </tbody>

        </table>

    </div>

    <br /><br />

    <div class="row checkbilling-details">



        <div class="col-sm-12">

            <div class="check-body">
                @if(env('EXCEPTIONAL_AWARD_ID') != session('top_menu_event_id'))

                <div class="check-total">

                    <table class="table">

                        <tbody>

                            <tr>

                                <td width="100%" align="right"><strong>Subtotal : </strong></td>

                                <td width="25%" align="right" id="sub_total"><strong>0</strong></td>

                            </tr>

                            <tr>

                                <td width="100%" align="right"><strong>Gst : </strong></td>

                                <td width="25%" align="right" id="gst_amount"><strong>0</strong></td>

                            </tr>

                            <tr>

                                <td width="100%" align="right"><strong>Total : </strong></td>

                                <td width="25%" align="right" id="total"><strong>0</strong></td>

                            </tr>

                        </tbody>

                    </table>

                </div>
                
                <div class="block-header">
                    <h2>Billing Details</h2>
                </div>
                @endif

                <form id="new_billing_form" method='post' action="{{ url('add_new_billing_details_with_checkout') }}" >
                @csrf
                    @if(env('EXCEPTIONAL_AWARD_ID') != session('top_menu_event_id'))
                    <ul>

                        <li class="clearfix">

                            <div class="colspan-6 form-group">

                                <input type="text" id="company_name" name="company_name" class="input-check" placeholder="Company Name" value="{{ auth::user()->company_name }}" required />

                                <!--<span class="highlight">--></span><span class="bar"></span>
                                <!--<label>Company Name</label>-->

                            </div>

                            <div class="colspan-6 form-group">

                                <input type="text" id="gst" name="gst" class="input-check" placeholder="Gst" required value="{{ auth::user()->gst_no }}" maxlength='15' />

                                </span><span class="bar">

                            </div>

                        </li>

                        <li class="clearfix">

                            <div class="colspan-6 form-group">

                                <input type="text" id="c-person" name="contact_person" class="input-check" placeholder="Contact Person" required value="{{ auth::user()->contact_person }}"  />

                                </span><span class="bar"></span>

                            </div>

                            <div class="colspan-6 form-group">

                                <input type="email" id="email" name="email" class="input-check" placeholder="Email" required value="{{ auth::user()->email }}" />

                                </span><span class="bar"></span>

                            </div>

                        </li>

                        <li class="clearfix">

                            <div class="colspan-6 form-group">

                                <input type="text" id="number" name="mobile" class="input-check" placeholder="Mobile Number" required value="{{ auth::user()->mobile }}" maxlength='10' oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" />

                                </span><span class="bar"></span>

                            </div>

                            <div class="colspan-6 form-group">

                                <input type="text" id="address" name="address" class="input-check" placeholder="Address" required value="{{ auth::user()->billing_address }}" />

                                </span><span class="bar"></span>

                            </div>

                        </li>

                        <li class="clearfix">

                            <div class="colspan-6 form-group">

                                <input type="text" id="country" name="country" class="input-check" placeholder="Country" required value="{{ auth::user()->billing_country }}" />

                                </span><span class="bar"></span>

                            </div>

                            <div class="colspan-6 form-group">

                                <input type="text" id="state" name="state" class="input-check" placeholder="State" required value="{{ auth::user()->billing_state }}" />

                                </span><span class="bar"></span>

                            </div>

                        </li>

                        <li class="clearfix">

                            <div class="colspan-6 form-group">

                                <input type="text" id="city" name="city" class="input-check" placeholder="City" required value="{{ auth::user()->billing_city }}" />

                                </span><span class="bar"></span>

                            </div>

                            <div class="colspan-6 form-group">

                                <input type="text" id="pincode" name="pincode" class="input-check" placeholder="Pincode" required value="{{ auth::user()->billing_pincode }}" maxlength="6"/>

                                </span><span class="bar"></span>

                            </div>
                            

                        </li>



                    </ul>

                    @endif

                    <div class="addcheck-btngroup clearfix">
                        @if(env('EXCEPTIONAL_AWARD_ID') != session('top_menu_event_id'))
                        <div class="pull-left">

                           <div id="new_billing_with_checkout_html"><button class="btn btn-primary" id="new_billing_with_checkout">Add New Billing Details & Checkout </button></div>

                        </div>
                        @endif

                        <div class="pull-right">

                            <div class="btn btn-primary" onclick="window.location='{{ url("entrant_register/")}}/{{ session('event_keyword') }}'">Add Another Entry </div> &nbsp;&nbsp;

                                <div id="proceed_to_check_out_html" ><div class=" btn btn-primary" id="proceed_to_check_out" onclick="redirect_to_checkout()">Proceed to Checkout </div> </div>

                            <br />

                            <span class="pull-right" id="select-entry" style="color:red"> Please Select Entries from above </span>

                        </div>

                    </div>
                </form>

            </div>

        </div>



    </div>

    <br /><br />



</div>



<script>
    $("#select-entry").hide();
    var amount = [];
    var entryId = []
    function setSum(amt,eid){
      
        if($("#"+eid).is(":checked")==false){
            var index = amount.indexOf(amt);
            if (index !== -1) amount.splice(index, 1);
            var ediIndex = entryId.indexOf(eid);
            if (ediIndex !== -1) entryId.splice(ediIndex, 1);
            
        }else{
            amount.push(amt);
            
            entryId.push(eid);
            
        }
        amountCalculation()
    }


    
        $("#new_billing_form").submit( function(eventObj) {
           
            $("#proceed_to_check_out").off("click");
            $("#new_billing_with_checkout_html").html("<span>Processing your checkout...</span>");
            
            var input = $("<input>").attr({"type":"hidden","name":"orders"}).val(entryId);
            $('#new_billing_form').append(input);
            return true;
        });
      



    function redirect_to_checkout() {

        // $("#proceed_to_check_out").off("click");
        $("#proceed_to_check_out_html").html("<span>Processing your checkout...</span>");

        var total = $("#total strong").text();

        
        @if(env('EXCEPTIONAL_AWARD_ID') != session('top_menu_event_id'))
            if (total > 0) {
        @else
             if (entryId) {
        @endif

            $("#select-entry").hide();
            
            $.ajaxSetup({

                headers: {

                    'X-CSRF-TOKEN': " {{ csrf_token() }}"

                }

            });

            jQuery.ajax({

                url: "/checkout_complete",

                method: 'post',

                data: {

                    orders: entryId

                },

                success: function(result) {
                    if(result.status){
                        @if(env('EXCEPTIONAL_AWARD_ID') != session('top_menu_event_id'))
                            window.location.href = "{{ url('/payment_details/')}}";
                        @else
                            window.location.href = "{{ url('/entry_confirmation/')}}";
                        @endif
                    }else{
                        // $("#proceed_to_check_out").on("click");

                        $("#proceed_to_check_out_html").html('<div class=" btn btn-primary" id="proceed_to_check_out" onclick="redirect_to_checkout()">Proceed to Checkout </div>')
                    }
                    //window.location.href = '{{ route('payment_details')}}";
                    console.log(result.status);



                }



             });

        } else {

            $("#select-entry").show();
            // $("#proceed_to_check_out").on("click");

            $("#proceed_to_check_out_html").html('<div class=" btn btn-primary" id="proceed_to_check_out" onclick="redirect_to_checkout()">Proceed to Checkout </div>')
        }

    }

      $("#selectAll_entries").click(function() {

        amount = [];
        var status = this.checked; 


        $('.case').each(function(){ 
            this.checked = status; 
            if(this.checked==true){
                amount.push($(this).val());
                
                if($(this).attr('data-entryId') !== undefined){
                    entryId.push($(this).attr('data-entryId'));
                }
                

            }else{
                amount = [];
            }
           
        });

        @if(env('EXCEPTIONAL_AWARD_ID') != session('top_menu_event_id'))
            amountCalculation();
        @endif
       
        
      })
     // if all checkbox are selected, check the selectall checkbox  also        

  

    function amountCalculation(){
        var sum = gst_amount = 0;

        $.each(amount, function( index, value ) {
            
            sum += parseInt(value);
            gst_amount += 18 / 100 * value;

        });
        $("#sub_total strong").html(sum);
        $("#gst_amount strong").html(gst_amount);
        $("#total strong").html(sum + gst_amount);
    }
</script>

@include('links.footer')