@include('includes.main.header')

<title>Obtine voturi</title>

<meta name="keywords" content="suporteri, putere de decizie, vot suporteri, voturi suporteri, fotbal, vot fani fotbal, vot suporteri fotbal">

<meta name="description" content="Un concept socios nou, UN SISTEM DE MANAGEMENT AL UNUI CLUB DE FOTBAL, care poate organiza comunicarea dintre zeci de mii de suporteri finantatori ( MANAGERI ) si angajatii unui club, cu scopul de a genera decizii incontestabile, asumate de majoritatea finantatorilor.">

<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')
                        <b>SUPPORTER 2.0 - Clubul condus de suporteri<br>Un proiect SOCIOS adaptat zilelor noastre, adresat celor care inteleg ca responsabilitatea finantarii unui club de fotbal, revine tuturor suporterilor.<br>Fii chiar tu schimbarea pe care o astepti de la altii!</b> <br><br>
                        <b>Sustine clubul SUPPORTER 2.0 si bucura-te de toate beneficiile unui patron/Presedinte de club! Fii MANAGERUL unui club real de fotbal!</b> <br><br>
                        <b>Un drept de vot va putea fi utilizat pentru fiecare decizie si functie a aplicatiei in perioada de valabilitate a acestuia.</b> <br><br>
                        
                       <b> 70% din valoarea cotizatiilor va ajunge in "contul suporterilor" si 30% se vor reinvesti in promovarea clubului. "Contul suporterilor" va fi gestionat in functie de deciziile luate in aplicatie si va fi transparentizat si actualizat.</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">
                            <img src="images/netopia.jpg" alt="netopia payments"style="height:45px; width:auto">
                        </div>
                        </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" >30 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" >60 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">110 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">200 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">20 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>
                             
                             <br><br>
                    
                           <b>PAYPAL - plati recurente</b>
                           <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="ZLJJ5Y39KCEU6" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_RO/i/scr/pixel.gif" width="1" height="1" />
</form>    
				Pentru fiecare donatie de 5 euro prin PAYPAL, veti primi un drept de vot valabil o luna. Avantajul donatiilor prin paypal este ca puteti opta pentru <b>plata lunara automata a cotizatiei.</b>
				
				<br>
				<br>
                                  
				
				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')