@extends('companyuser::layouts.master')
@section('title', __('companyuser::integration.integration'))
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('company.apps-integration.index', $subdomain) }}">@lang('companyuser::integration.integration')</a></li>
                <li class="breadcrumb-item active"><a href="#">@if(app()->getlocale() == 'ar') {{ $Marketplace->title_ar }} @else {{ $Marketplace->title_en }} @endif</a></li>
            </ol>
        </div>
    </div>
@endsection
@section('extra-styles')
<style>
    .single-content h2{
        font-weight: bold;
    }
    .single-content p{
        margin-bottom: 50px;
    }
    .single-content ul{
        padding-inline-start: 0;
        margin-bottom: 50px;
        list-style-type: disc;
    }
    .single-content p, .single-content li{
        font-size: 16px;
    }
    .single-content section{
        background-color: orange;
        color: #fff;
        text-align: center;
        padding: 30px 20px;
        font-size: 22px;
        margin-bottom: 25px;
        border-radius: 4px;
    }
</style>
@endsection
@section('content')
    <section id="reports">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="row" style="background-color: #fff; padding: 15px; border-radius: 4px;margin-bottom: 50px;display: flex; align-items:center;">
                        <div class="col-md-3">
                            <img src="{{asset('marketplace/icons/' . $Marketplace->logo)}}" style="height: auto;width: 100px;border-radius: 4px;" />
                        </div>
                        <div class="col-md-9">
                            <h1>@if(app()->getlocale() == 'ar') {{ $Marketplace->title_ar }} @else {{ $Marketplace->title_en }} @endif</h1>
                            <p style="font-size: 16px;margin-bottom: 0;">@if(app()->getlocale() == 'ar') {{ $Marketplace->shortDescription_ar }} @else {{ $Marketplace->shortDescription_en }} @endif</p>
                        </div>
                    </div>
                    <div class="single-content">
                        @if(app()->getlocale() == 'ar') 
                        {!! $Marketplace->content_ar !!}
                        @else 
                        {!! $Marketplace->content_en !!}
                        @endif
                    </div>
                    <a class="btn btn-lg btn-primary" style="margin-bottom: 100px;" href="@if(app()->getlocale() == 'ar'){{ $Marketplace->ctaLink_ar }} @else {{ $Marketplace->ctaLink_en }} @endif" target="_blank">
                        @if($Marketplace->discountAmount)
                            @lang('companyuser::integration.get_your_discount')
                        @else
                            @lang('companyuser::integration.contact_partner')
                        @endif
                    </a>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_apps_marketplace_single');
        console.log('web_apps_marketplace_single event');
    </script>
@endsection