@extends('layouts.master')

@section('meta')
    <title>{{__('message.about us')}}</title>
    <meta name="description" content="{{__('message.description')}}">
    <meta name="keywords" content="{{__('message.title')}}">
    <link rel="canonical" href="{{route('home')}}"/>
    <meta property="og:title" content="{{__('message.title')}}" />
    <meta property="og:description" content="{{__('message.description')}}" />
    <meta property="og:type" content="game" />
    <meta property="og:url" content="{{route('home')}}" />
    <meta property="og:image" content="{{asset('cover-web.png')}}" />
    <meta name="twitter:title" content="{{__('message.title')}}" />
    <meta name="twitter:description" content="{{__('message.description')}}" />
@endsection

@push('css')

@endpush

@section('content')
    <section class="about-us">
        <div class="row flex-column-reverse flex-md-row">
            <div class="col-md-5 col-lg-4 align-self-center">
                <div class="social">
                    <h1><i class="fas fa-mobile-alt"></i> {{__('message.contact us')}} <i class="fas fa-mobile-alt"></i></h1>
                    <ul class="list-unstyled">
                        
                        <li>
                            <a class="d-flex" href="{{ $settings_->where('key','telegram1')->first()->value??'#'??'#' }}" target="_blank">
                                <img src="{{asset('img/social/telegram.png')}}" alt="Telegram">
                                <span class="align-self-center">@MASTER288KH1 </span>
                            </a>
                        </li>
                        <li>
                            <a class="d-flex" href="{{ $settings_->where('key','telegram2')->first()->value??'#' }}" target="_blank">
                                <img src="{{asset('img/social/telegram.png')}}" alt="Telegram">
                                <span class="align-self-center">@MASTER288KH2</span>
                            </a>
                        </li>
                        <li>
                            <a class="d-flex" href="{{ $settings_->where('key','telegram3')->first()->value??'#' }}" target="_blank">
                                <img src="{{asset('img/social/telegram.png')}}" alt="Telegram">
                                <span class="align-self-center">@MASTER288KH3</span>
                            </a>
                        </li>
                        {{-- <li>
                            <a class="d-flex" href="{{$settings_->where('key','line')->first()->value}}" target="_blank">
                                <img src="{{asset('img/social/line.png')}}" alt="Line">
                                <span class="align-self-center">@Master288</span>
                            </a>
                        </li> --}}

                        <li>
                            <a class="d-flex" href="tel:098301789" target="_blank">
                                <img src="{{asset('img/social/contact.png')}}" alt="Phone">
                                <span class="align-self-center w-100">{!!$settings_->where('key','phone')->first()->value!!}</span>
                            </a>
                        </li>
                        <li>
                            <a class="d-flex" href="{{ $settings_->where('key','facebook')->first()->value??'#' }}" target="_blank">
                                <img src="{{asset('img/social/facebook.png')}}" alt="Facebook">
                                <span class="align-self-center"> ភ្នាក់ងារ Master288.net</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-7 col-lg-8">
                <div class="about-desc">
                    <div class="logo">
                        <img src="{{asset('logo.png')}}" alt="Logo" width="100%">
                    </div>
                    <p>
                         {!!$page->description!!}
                    </p>
                    <img src="{{asset('about.png')}}" style="width: 100%;border:2px solid #faf59e;">
                </div>
            </div>
        </div>
    </section>

@endsection

@push('scripts')
    
@endpush