@include('includes.main.header')
<link rel="stylesheet" href="/lightbox/ekko-lightbox.css" />
<script src="/lightbox/ekko-lightbox.js"></script>
<style>
    .editable-text-border
    {
        width : 100%;
    }
</style>
<!--Work-Starts-Here-->
    <!-- content-section-starts -->
    <div class="gallery-content">
        <div class="container" style="background-color:white; opacity:0.9;">
            <div class="gallery-content-head text-center">
                <h3>Obtine voturi</h3>
                @include('includes.main.top-header')
                        
                        
                      
                        
                        Pentru a da veridicitate si relevanta opiniei suporterilor nostri, accesul la functiile aplicatiei este oferit exclusiv celor care aduc o contributie financiara clubului. <br> <br>
                        
                        <b>Un drept de vot va putea fi utilizat in toate deciziile si functiile aplicatiei in perioada de valabilitate a acestuia.</b> <br>
                        
                       <b> <a href="https://www.realclubmanager.com/strategia2"target="_blank"; style="color:green"; >Unde ajung banii? Interese. De ce sa cotizez?</a></b>
             
            </div>
            <div class="section group" id="main-body-container">
                <div class="col-xs-12 no-padding margin-t-5">
                    <div class="col-xs-12 margin-t-10 ">
                        <div class="col-xs-12 error1" style="margin-bottom:5px;display: none">

                        </div>
                        <div class="col-xs-12">
                            <small>Enter No. of Votes</small>
                            <input type="number" class="form-control" id="no_of_votes" placeholder="Numarul de voturi pe care doresti sa le obtii" style="margin-bottom:15px; background-color:#fff7f4;" value="1"/>
                        </div>
                        <a style="cursor:pointer" data-href="/votes/pay/5" class="col-xs-12 col-sm-6 payment-container">
                            <div class="col-xs-12 each-vote-container">
                                <div class="col-xs-12 vote-container-header" >39 lei</div>
                                <div class="col-xs-12">1 drept de vot valabil 1 luna</div>
                            </div>
                        </a>
                        <a style="cursor:pointer" data-href="/votes/pay/3" class="col-xs-12 col-sm-6 payment-container">
                            <div class="col-xs-12 each-vote-container">
                                <div class="col-xs-12 vote-container-header" >120 lei</div>
                                <div class="col-xs-12">1 drept de vot valabil 3 luni</div>
                            </div>
                        </a>
                        <a style="cursor:pointer" data-href="/votes/pay/2" class="col-xs-12 col-sm-6 payment-container">
                            <div class="col-xs-12 each-vote-container">
                                <div class="col-xs-12 vote-container-header">220 lei</div>
                                <div class="col-xs-12">1 drept de vot valabil 6 luni</div>
                            </div>
                        </a>
                        <a style="cursor:pointer" data-href="/votes/pay/1" class="col-xs-12 col-sm-6 payment-container">
                            <div class="col-xs-12 each-vote-container">
                                <div class="col-xs-12 vote-container-header">400 lei</div>
                                <div class="col-xs-12">1 drept de vot valabil 1 an</div>
                            </div>
                        </a>
                        
                        
                        
                        @if ($votes > 0)
                        <a style="cursor:pointer" data-href="/votes/pay/4" class="col-xs-12 col-sm-6 payment-container">
                            <div class="col-xs-12 each-vote-container">
                                <div class="col-xs-12 vote-container-header">40 lei</div>
                                <div class="col-xs-12">prelungire valabilitate cu 1 luna</div>
                            </div>
                        </a>
                        @endif
<!--                                        <div class="col-xs-12 top-margin hcenter no-padding">
                                            <label class='col-xs-6 col-sm-4 col-sm-offset-2'>
                                                No. of Votes
                                            </label>
                                            <label class='col-xs-6 col-sm-4 '>
                                                Payment Amount
                                            </label>
                                        </div>
                                        <div class="col-xs-12 top-margin hcenter no-padding">
                                            
                                            <div class="col-xs-6 col-sm-4 col-sm-offset-2">
                                                <input type="number" class="form-control" name="votes" id='votes' placeholder="No. of Votes" value="1"/>
                                            </div>
                                            <div class="col-xs-6 col-sm-4 ">
                                                <input type="text" class="form-control" id='payment_amount' placeholder="No. of Votes" value="100" readonly style="background-color:lightgray"/>
                                            </div>
                                        </div>-->
                                        
                    </div>
                                  
				
				Se pot face cotizatii si prin transfer bancar sau prin depunere catre: <br /> <br>
				"Club Sportiv SUPPORTER 2.0" <br>
				IBAN: RO54BTRLRONCRT0451487901                  <br>
				BANCA TRANSILVANIA         <br>
				Detalii plata: "adresa e-mail, cotizatie simpatizant" (daca doriti sa dobanditi mai multe voturi, va rugam sa specificati optiunea dumneavoastra)<br /> <br>
				
				In cazul platilor efectuate prin transfer bancar, alocarea drepturilor de vot se va face manual in termen de 48 de ore de la intrarea banilor in contul asociatiei. <br /> <br>
				
				Inainte de a aduce o contributie clubului, va invitam sa cititi cu atentie <a href="https://www.realclubmanager.com/context" target="_blank"; style="color:red"; >contextul</a>, <a href="https://www.realclubmanager.com/solutia"target="_blank"; style="color:red"; >SOLUTIA (descrierea)</a>, <a href="https://www.realclubmanager.com/perspectiva"target="_blank"; style="color:red";>perspectiva</a>, <a href="https://www.realclubmanager.com/strategia"target="_blank"; style="color:red"; >strategia</a> si <a href="https://www.realclubmanager.com/terms"target="_blank"; style="color:red"; >termenii si conditiile</a> acestui proiect.
				
				<br> <br>
				<div class='col-xs-12'>
                                        <h3 class='col-xs-12 hcenter'>

<div class="col-xs-12"; >Capturi Aplicatie</div>

<a href="http://www.realclubmanager.com/images/psro/1.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/1.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/2.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/2.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/3.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/3.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/4.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/4.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/5.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/5.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/6.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/6.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/7.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/7.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/8.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/8.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/9.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/9.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/10.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/10.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/11.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/11.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/12.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/12.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/13.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/13.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/14.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/14.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/15.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/15.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/16.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/16.jpg" style="height:45px; width:auto" />
</a>
<a href="http://www.realclubmanager.com/images/psro/17.jpg" data-toggle="lightbox" data-gallery="example-gallery">
    <img alt="" src="http://www.realclubmanager.com/images/psro/17.jpg" style="height:45px; width:auto" />
</a>

<br> <br>

<iframe style="max-width:100%" width="560" height="315" src="https://www.youtube.com/embed/imwZ2qx-emo?autoplay=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
				
				</div>
				
			</div> 	
			
   </div>
</div>
         <!-- Modal -->

<script>
    $(document).ready(function(){
        $('.payment-container').click(function(){
            var noOfVotes = $('#no_of_votes').val();
            var href = $(this).attr('data-href');
//            if(href != '/votes/pay/4')
//            {
                if(isNaN(noOfVotes) || noOfVotes == '')
                {
                    alert("Please enter a numeric value for No of Votes");
                    return;
                }
//            }
//            else
//            {
//                noOfVotes = 1;
//            }
            
            window.location.href = href + '/' + noOfVotes;
        })
        
        
        $('#btn-edit').click(function(){
           $('.editable-text-border1').addClass('editable-text-border');
           $('#account-table tfoot').show();
        });
        
        $('#votes').blur(function(){
            var votes = $(this).val();
            $('#payment_amount').val(votes * 100);
        });
        
//        $('#paypal-submit').click(function(){
//            $.post('/api/v1/vote/post/one',{"_token": "{{ csrf_token() }}"}, function(){
//                $('.error1').html('<div class="alert alert-success">Vote Submitted Successfully</div>').show();
//                window.location.href = '#main-body-container';
//                window.location.href = '/';
//            },'json').fail(function(xhr) {
//                var html = '';
//                var res = xhr.responseJSON;
//                
//                $('.error1').html('<div class="alert alert-danger">' + res + '</div>').show();
//                $('#btn-submit').html('Submit').removeAttr('disabled');
//                window.location.href = '#main-body-container';
//            },'json');
//        });
    });
</script>


<script>
    $(document).on('click', '[data-toggle="lightbox"]', function(event) {
                event.preventDefault();
                $(this).ekkoLightbox({alwaysShowClose:true});
            });
    </script>
	 <!-- content-section-ends -->
@include('includes.main.footer')