@extends('frontend.layout.app')
@section('title', 'Blank')

@section('description', 'service point page meta description')
@section('keywords', 'service point page meta keywordes')

@section('robots', 'service point page robots')

@section('ogTitle', 'service point page og title')
@section('ogDescription', 'service point page og description')
@section('ogImage', 'service point page og image')
@section('ogUrl', 'service point page og url')

@section('twitterCard', 'service point page twitter card')
@section('twitterTitle', 'service point page twitter title')
@section('twitterDescription', 'service point twitter description')

@push('css')
    <style>
        .note {
            text-align: center;
            background: -webkit-linear-gradient(left, #ff1515, #ce3600);
            color: #fff;
            font-weight: bold;
            padding-top: 22px;
            padding-bottom: 15px;
        }

        .form-content {
            background: white;
            padding: 4%;
            border: 1px solid #ced4da;
            margin-bottom: 2%;
        }

        #reg_form .form-group input {
            background: rgba(22, 70, 158, .18);
            color: #17479e;
        }

        .custom-select {
            background: rgba(22, 70, 158, .18);
            color: #17479e;
        }
    </style>
@endpush

@section('content')

    <div class="container">
        {{-- Start:: Internation Partner --}}
        <div class="row justify-content-center mt-5">
            <div class="col-lg-8 col-md-10 col-12">
                <div class="tm-section-title text-center" style="margin-bottom: 20px">
                    <div class="tm-section-title-container">
                        <h2>Our International Partners</h2>
                    </div>
                    <div class="tm-section-description-container" style="margin-top: 20px">
                        {{ \App\setting::find(11)->desc }}
                    </div>
                </div>
            </div>
        </div>
        <div class="row justify-content-center mt-30-reverse">

            @foreach (\App\InternationalPartnetModel::all() as $data)
                <!-- Single Partners -->
                <div class="col-lg-4 col-md-4 col-sm-6 col-12 mt-30 wow fadeInUp mb-5">
                    <div class="tm-pricebox">
                        <div class="tm-pricebox-image">
                            <img src="{{ asset('public/storage/' . $data->image) }}" alt=""
                                style="width: 100%; border-radius: 8px 8px 0 0;">
                        </div>
                        <div class="tm-pricebox-contents">
                            <div class="tm-pricebox-header">
                                <h5>{{ $data->country }}</h5>
                                <span>{{ $data->address }}</span>
                                <div style="margin-top: 8px">
                                    <span style="font-size:16px; font-weight:600">
                                        <i class="fa-solid fa-phone" style="color: green"></i> {{ $data->phone }}
                                    </span>
                                    <br /><span style="font-size:16px; font-weight:600">
                                        <i class="fa-solid fa-envelope" style="color: green"></i> {{ $data->email }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--// Single Partners -->
            @endforeach
        </div>
        {{-- Start:: Internation Partner --}}





        {{-- Start:: Local Partner --}}
        <div class="row justify-content-center mt-10">
            <div class="col-lg-8 col-md-10 col-12">
                <div class="tm-section-title text-center">
                    <h2>Our Local Partners</h2>
                </div>
            </div>
        </div>
        <div class="row justify-content-center mt-30-reverse">
            @foreach (\App\LocalPartnetModel::all() as $data)
                <!-- Single Partners -->
                <div class="col-lg-4 col-md-4 col-sm-4 col-6 mt-30 wow fadeInUp mb-5">
                    <div class="tm-pricebox">
                        <div class="local-partners-title">
                            <h5>{{ $data->area_name }}</h5>
                        </div>
                        <div class="local-partners-contents">
                            <div class="local-partners-header">
                                <span>{{ $data->address }}</span>
                                <div style="margin-top: 8px">
                                    <span style="font-size:16px; font-weight:600">
                                        <i class="fa-solid fa-phone" style="color: green"></i> {{ $data->phone }}
                                    </span>
                                    <br /><span style="font-size:16px; font-weight:600">
                                        <i class="fa-solid fa-envelope" style="color: green"></i> {{ $data->email }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--// Single Partners -->
            @endforeach
        </div>
        {{-- End:: Local Partner --}}
    </div>
@endsection
@push('js')
@endpush