@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}
@endsection


@section('content')
    @include('utils.preloader')

    @include('layouts.header')

    <div class="breadcrumb-area">
        <div class="container-fluid custom-container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Métodos de Pago</li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row justify-content-center mb-3">
            <div class="col-xxl-8 col-xl-8 col-lg-9 col-sm-12">
                <div class="row justify-content-center mb-5">
                    <div class="col-xl-4">
                        <div class="card border-0">
                            <div class="card-body"
                            style="text-align:center;background: #003e89;border-radius:1rem;padding: .7rem 1rem;">
                                <h2 style="color: white;font-weight: 700;margin:0 !important;font-size: 2.5em;">MODALIDADES DE PAGO</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-3 col-lg-3 col-sm-6">
                        <div class="text-center">
                            <img src="{{ asset('modalidades-pago/icon-bbva.png') }}" class="img-fluid" alt="BBVA" style="max-height: 60px">
                        </div>
                        <div class="card border-0">
                            <img src="{{ asset('modalidades-pago/bg-bbva.png') }}" class="card-img" alt="BBVA">
                            <div class="card-img-overlay text-white" style="top: 30%;text-align:center;">
                                <p class="card-title">Cuenta Bancaria</p>
                                <p class="card-text">Soles: 0011-0486-0100084558</p>
                                <p class="card-text">Dolares: 0011-0486-0100084027</p>
                                <p class="card-text">Cuenta Interbancaria</p>
                                <p class="card-text">Soles: 011-486-000100084558-84</p>
                                <p class="card-text">Dolares: 011-486-000100084027-80</p>
                            </div>
                          </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-sm-6">
                        <div class="text-center">
                            <img src="{{ asset('modalidades-pago/icon-bcp.png') }}" class="img-fluid" alt="BCP" style="max-height: 60px">
                        </div>
                        <div class="card border-0">
                            <img src="{{ asset('modalidades-pago/bg-bcp.png') }}" class="card-img" alt="BCP">
                            <div class="card-img-overlay text-white" style="top: 30%;text-align:center;">
                                <p class="card-title">Soles: 191-2392008-0-95</p>
                                <p class="card-title">Dolares: 191-2344529-1-19</p>
                                <p class="card-title">Cuenta Interbancaria</p>
                                <p class="card-title">Soles: 002-192-002392008095-51</p>
                                <p class="card-title">Dolares: 002-191-002344529119-50</p>
                            </div>
                          </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-sm-6">
                        <div class="text-center">
                            <img src="{{ asset('modalidades-pago/icon-scotibank.png') }}" class="img-fluid" alt="SCOTIBANK" style="max-height: 60px">
                        </div>
                        <div class="card border-0">
                            <img src="{{ asset('modalidades-pago/bg-scotibank.png') }}" class="card-img" alt="SCOTIBANK">
                            <div class="card-img-overlay text-white" style="top: 30%;text-align:center;">
                                <p class="card-text">Soles: 000-2699796</p>
                                <p class="card-text">Dolares: 000-4450322</p>
                                <p class="card-text">Cuenta Interbancaria</p>
                                <p class="card-text">Soles: 009-391-000002699796-45</p>
                                <p class="card-text">Dolares: 009-135-000004450322-55</p>
                            </div>
                          </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-sm-6">
                        <div class="text-center">
                            <img src="{{ asset('modalidades-pago/icon-interbank.png') }}" class="img-fluid" alt="INTERBANK" style="max-height: 60px">
                        </div>
                        <div class="card border-0">
                            <img src="{{ asset('modalidades-pago/bg-interbank.png') }}" class="card-img" alt="INTERBANK">
                            <div class="card-img-overlay text-white" style="top: 30%;text-align:center;">
                                <p class="card-title">Soles: 205-3001107310</p>
                                <p class="card-title">Cuenta Interbancaria</p>
                                <p class="card-title">Soles: 003-205-003001107310-20</p>
                            </div>
                          </div>
                    </div>
                </div>
                <div class="row justify-content-center mt-4">
                    <div class="col-lg-8">
                        <div class="card" style="border:4px solid #003e89">
                            <div class="card-body p-2">
                                <p class="m-0 text-impacto" style="font-weight: 600;">
                                    Nuestras cuentas corrientes están a nombre de <b style="font-size: 18px">"IMPORTACIONES IMPACTO SAC"</b>. Toda cancelación con cheque será de <br>
                                    manera presencial. NO ACEPTAMOS CHEQUES CON DEPÓSITO EN EL BANCO. <br>
                                    Los pagos interbancarios demoran segín el método de transferencia de ser pago diferido, la mercaderia se entregará una <br>
                                    vez procesado el pago.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('layouts.footer')
    @include('utils.backtop')
@endsection