@extends('layouts.base')

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

@section('title')
{{Lang::get('colaborate.dona y colabora')}}
@stop
@section('description')
   {{Lang::get('colaborate.ayudanos a becar a las personas')}}
@stop

@section('content')
{!! Breadcrumbs::render('colaborate') !!}
<div class="container">
   <div class="titulo_categoria">
      <span>{{Lang::get('colaborate.dona y colabora')}}</span>
   </div>
   <div class="row">
      <div class="col-md-8">
         <div class="row">
            <div class="col-md-6">
               <p>{{Lang::get('colaborate.la mitad de las personas')}}
               </p>
            </div>
            <div class="col-md-6">
               <center>
                  <img class="img-responsive" alt="{{Lang::get('colaborate.personas que se titulan')}}" title="{{Lang::get('colaborate.personas que se titulan')}}" src="{{ asset('img/conozca.jpg') }}">
               </center>
            </div>
         </div>
         <div class="row">
            <div class="col-md-12 reclamo">
               <h2>{{Lang::get('colaborate.hemos becado a')}}</h2>
               {{Lang::get('colaborate.usted puede ayudarnos')}}
            </div>
         </div>
         <div class="row donate-panel">
            <div class="col-md-12">
               <p>{{Lang::get('colaborate.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">{{Lang::get('colaborate.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">
                     {{Lang::get('colaborate.donar')}}
                  </button>
               </center>
            </div>
         </div>
         <div class="spacer"></div>
         <div class="row">
            <div class="col-md-12 dato-bancario">            
               <p>{{Lang::get('colaborate.tambien puedes colaborar')}} </p>
               <ul class="well">
                  <li>
                     {{Lang::get('colaborate.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>{{Lang::get('colaborate.su contribucion es importante')}}</h4>
               <ul>
                  <li>
                     <span><i class="fa fa-pagelines"></i></span>
                     <span>{!! Lang::get('colaborate.con 30 ayuda') !!}</span>
                  </li>
                  <li>
                     <span><i class="fa fa-tree"></i></span>
                     <span>{!!Lang::get('colaborate.con 60 usted')!!}</span>
                  </li>
                  <li>
                     <span><i class="fa fa-user-md"></i></span>
                     <span>{!!Lang::get('colaborate.con 150 usted')!!}</span>
                  </li>
               </ul>
            </div>
         </div>
         <div class="col-md-12">
            <div class="well ayuda">
               <h4>{{Lang::get('colaborate.necesitas ayuda')}}</h4>
               <p>
                  {{Lang::get('colaborate.llamanos al')}} <br>
                  <span>902 312 212</span>
               </p>
               <p>
                  {{Lang::get('colaborate.escribenos 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>{{Lang::get('colaborate.como se distribyen 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="{{Lang::get('colaborate.personas que se titulan')}}" title="{{Lang::get('colaborate.personas que se titulan')}}">
                     <div class="caption">
                        <h3>50%</h3>
                        <p>{{Lang::get('colaborate.50% educacion en')}} <a href="{{ env('ECCAONLINE_URL') }}/formacion/reglada/graduado-educacion-secundaria">GES</a>, <a href="{{ route('study-bachelor') }}">{{Lang::get('colaborate.bachillerato')}}</a> {{Lang::get('colaborate.y')}} <a href="{{ route('study-fpse') }}">{{Lang::get('colaborate.formacion 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="{{Lang::get('colaborate.personas que han sido ayudadas en senegal')}}" title="{{Lang::get('colaborate.personas que han sido ayudadas en senegal')}}">
                     <div class="caption">
                        <h3>40%</h3>
                        <p>40% <a href="{{ route( 'social-action' ) }}">{{Lang::get('colaborate.accion social')}}</a> {{Lang::get('colaborate.con grupos')}}</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="{{Lang::get('colaborate.personas que se titulan')}}" title="{{Lang::get('colaborate.personas que se titulan')}}">
                     <div class="caption">
                        <h3>10%</h3>
                        <p>10% {{Lang::get('colaborate.administracion y')}} <a href="{{ route( 'news' ) }}">{{Lang::get('colaborate.comunicacion')}}</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