@extends('layouts.app')

@php
     $seo =  array (
        'title' =>  App::getLocale() == 'en' ? 'Partner Service: Exclusive Support | Inovation Travel' : 'Conviértete en Socio y Transforma Tus Vacaciones | Inovation Travel',
        'description' =>  App::getLocale() == 'en' ? 'Are you an Inovation Travel partner? Access our Member Support team. We are available to help you with your reservations, questions and personalized assistance.' : 'Conviértete en socio de Inovation Travel y eleva tus vacaciones en Riviera Nayarit. Accede a beneficios exclusivos en Marival Resorts y regala a tu familia experiencias inolvidables.',
        'imagen' => asset('/storage/images/op/inovations-travel-opengraph.jpg'),
        'url' =>  App::getLocale() == 'en' ? 'https://inovationtravel.com/customer-service/' : 'https://inovationtravel.com/es/conviertete-en-socio/',
    );
@endphp

@push('css')
    <style>
        .form_contact {
            .b24-form-wrapper.b24-form-border-bottom{
                box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
            }
            .b24-form-btn{
                background-color: #004d71;
            }
            .b24-form-wrapper.b24-form-border-bottom{
                border-bottom: 5px solid #0083ad;
            }
        }
    </style>
@endpush

@section('content')
<div class="banner">
    <picture>
        <source media="(max-width: 640px)" srcset="{{ asset('storage/images/banner/background-blue.webp') }}">
        <source media="(max-width: 1001px)" srcset="{{ asset('storage/images/banner/background-blue.webp') }}">
        <source media="(max-width: 1600px)" srcset="{{ asset('storage/images/banner/background-blue.webp') }}">
        <img src="{{ asset('storage/images/banner/background-blue.webp') }}" alt="{{ __('retreats.title') }}">
    </picture>
    <div class="banner-text">
        <h1> {{ App::getLocale() == 'en' ? 'Customer Service' : 'Atención a Socios' }}</h1>
    </div>
</div>

<div class="bg-gray">
    <div class="form_contact padding80_60 border-shadow-blue">
        <script data-b24-form="inline/7/w3yyow" data-skip-moving="true">
            (function(w,d,u){
            var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);
            var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
            })(window,document,'https://cdn.bitrix24.mx/b30783165/crm/form/loader_7.js');
        </script>
    </div>
</div>

@endsection