@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/colaborate.css')->withFullUrl() !!}
@stop

@section('title')
Dona y colabora
@stop
@section('description')
Ayudanos a becar a las personas que quierne estudiar y no pueden por no tener los recursos económicos necesarios. Usted puede ayudarnos.
@stop

@section('content')
{!! Breadcrumbs::render('colaborate') !!}
<div class="container">
   <div class="titulo_categoria">
      <span>Dona y colabora</span>
   </div>
   <div class="row">
      <div class="col-md-8">
         <div class="row">
            <div class="col-md-6">
               <p>La mitad de las personas desempleadas no tienen el título de Graduado en Educación Secundaria, que es la formación mínima acreditada oficialmente en España. Sin formación no hay empleo. La política de Becas de Radio ECCA proporciona gratuitamente los materiales educativos a quienes tienen especiales dificultades económicas.
               </p>
            </div>
            <div class="col-md-6">
               <center>
                  <img class="img-responsive" alt="Personas que se titulan gracias a donaciones ECCA" title="Personas que se titulan gracias a donaciones ECCA" src="{{ asset('img/conozca.jpg') }}">
               </center>
            </div>
         </div>
         <div class="row">
            <div class="col-md-12 reclamo">
               <h2>Hemos becado a más de 9.887 personas.</h2>
               Usted puede ayudarnos.
            </div>
         </div>
         <div class="row donate-panel">
            <div class="col-md-12">
               <p>Seleccione una cantidad a donar: </p>
            </div>
            <div class="col-md-2 col-md-offset-1">
               <button class="option" value="30">30 €</button>
            </div>
            <div class="col-md-2">
               <button class="option" value="60">60 €</button>
            </div>
            <div class="col-md-2">
               <button class="option" value="150">150 €</button>
            </div>
            <div class="col-md-2">
               <button class="option other" value="otro">Otra cantidad</button>
            </div>
            <div class="col-md-2">
               <input  maxlength="5" type="tel" id="amount" value="" readonly="true">
            </div>
         </div>
         <div class="row">
            <div class="col-md-12">
               <center>
                  <button class="btn-gen-paypal">
                     Donar
                  </button>
               </center>
            </div>
         </div>
         <div class="spacer"></div>
         <div class="row">
            <div class="col-md-12 dato-bancario">            
               <p>También puedes colaborar con Radio ECCA mediante transferencia bancaria a la cuenta: </p>
               <ul class="well">
                  <li>
                     Entidad: BBVA
                  </li>
                  <li>
                     IBAN: <span>ES51 0182 0764 6400 1001 9448</span>
                  </li>
                  <li>
                     BIC: BBVAESMMXXX
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="col-md-4">
         <div class="col-md-12">
            <div class="well">
               <h4>Su contribución es importante</h4>
               <ul>
                  <li>
                     <span><i class="fa fa-pagelines"></i></span>
                     <span>Con <b>30 €</b> usted ayuda a una persona con el material educativo de tres módulos.</span>
                  </li>
                  <li>
                     <span><i class="fa fa-tree"></i></span>
                     <span>Con <b>60 €</b> usted colabora con los materiales educativos para un trimestre.</span>
                  </li>
                  <li>
                     <span><i class="fa fa-user-md"></i></span>
                     <span>Con <b>150 €</b> usted proporcionaría la casi totalidad de los materiales educativos de una persona durante un curso.</span>
                  </li>
               </ul>
            </div>
         </div>
         <div class="col-md-12">
            <div class="well ayuda">
               <h4>¿Necesitas ayuda?</h4>
               <p>
                  Llámanos al: <br>
                  <span>902 312 212</span>
               </p>
               <p>
                  Escríbenos a: <br>
                  <a href="mailto:administracion@radioecca.org?Subject=Hola%20Quiero donar" target="_top">administracion@radioecca.org</a>
               </p>
            </div>
         </div>
      </div>
   </div>
   <div class="spacer"></div>
   <div class="row">
      <div class="col-md-12">
         <div class="col-md-12">
            <h2>¿Cómo se distribuyen nuestros fondos?</h2>
         </div>
         <div class="row">
            <div class="col-md-12">
               <div class="col-sm-6 col-md-4">
                  <div class="thumbnail">
                     <img class="img-responsive" src="{{ asset('img/colabora.jpg') }}" alt="Personas que se titulan gracias a donaciones ECCA" title="Personas que se titulan gracias a donaciones ECCA">
                     <div class="caption">
                        <h3>50%</h3>
                        <p>50% educación en <a href="{{ env('ECCAONLINE_URL') }}/formacion/reglada/graduado-educacion-secundaria">GES</a>, <a href="{{ route('study-bachelor') }}">Bachillerato</a> y <a href="{{ route('study-fpse') }}">Formación Profesional.</a></p>
                     </div>
                  </div>
               </div>
               <div class="col-sm-6 col-md-4">
                  <div class="thumbnail">
                     <img class="img-responsive" src="{{ asset('img/colabora_senegal.jpg') }}" alt="Personas que han sido ayudadas en Senegal" title="Personas que han sido ayudadas en Senegal">
                     <div class="caption">
                        <h3>40%</h3>
                        <p>40% <a href="{{ route( 'social-action' ) }}">acción social</a> con grupos y personas en especiales dificultades.</p>
                     </div>
                  </div>
               </div>
               <div class="col-sm-6 col-md-4">
                  <div class="thumbnail">
                     <img class="img-responsive" src="{{ asset('img/colabora_personal.jpg') }}" alt="Personal ECCA." title="Personas que se titulan gracias a donaciones ECCA">
                     <div class="caption">
                        <h3>10%</h3>
                        <p>10% administración y <a href="{{ route( 'news' ) }}">comunicación</a>.</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- /.row -->
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}   
@include('includes.paymentDonate')
@stop