@extends('web.layouts.app')

@section('title', $news->name)
@description(Str::limit(strip_tags($news->desc), 160))
@keywords(implode(',', json_decode(getSetting('keyword', app()->getLocale()))))
@image(asset('storage/' . getSetting('logo')))

@section('sub_header')
    <div class="sub-header">
        <div class="main-container">
            <div class="text-about-header">
                <h2>{{  transWord('تفاصيل الخبر') }}</h2>
                <h6> <a href="{{ route('web.solutions.home') }}"> {{ transWord('الرئيسية') }} </a> <i
                        class="bi bi-chevron-double-left"></i>
                    <a href="{{ route('web.solutions.news.index') }}"> {{ transWord('آخر الأخبار') }} </a> <i
                        class="bi bi-chevron-double-left"></i>
                    {{ $news->name }}
                </h6>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <section class="service-details new-details mr-section">
        <div class="main-container">
            <div class="row">
                <div class="col-lg-8">

                    <div class="img-setvice-details">

                        <img src="{{ asset('storage/' . $news->image) }}" alt="{{ $news->name }}">
                    </div>
                    <div class="text-details mt-4">
                        <h2>
                            {{ $news->name }}
                        </h2>
                    </div>
                    <div class="text-details">
                        {!! $news->desc !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="sidebar-news">
                        <div class="search-news">
                            <div class="form-search">
                                <form action="{{ route('web.solutions.news.search') }}" method="GET" id="searchForm">
                                    <input type="text" class="form-control" id="write-text"
                                        placeholder="{{ transWord('ابحث هنا') }}" name="search" required>
                                    <button> <i class="bi bi-search"></i> </button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="filter">
                        <h2>{{ transWord('الفئات') }}</h2>
                        @foreach ($news->categories as $category)
                            <div class="icon-filter">
                                <a href="{{ route('web.solutions.news.category-news', $category->slug) }}">{{ $category->name }}
                                    <i class="bi bi-chevron-double-left"></i>
                                </a>
                            </div>
                        @endforeach

                    </div>
                    <form class="forms-news" action="{{ route('web.solutions.subscription') }}" method="POST"
                        id="subscriptionForm">
                        @csrf
                        <div class="input-news">
                            <h3>{{ transWord('اشترك الان ليصلك اخر الاخبار') }}</h3>
                            <div class="form-input">
                                <i class="bi bi-envelope"></i>
                                <input autocomplete="false" type="email" name="email" id="email"
                                    placeholder="{{ transWord('البريد الالكتروني') }}" class="form-control">
                                @error('email')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror

                            </div>
                            <div class="btn-input">
                                <button class="ctm-btn w-100">{{ transWord('ارسال') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>


    </section>

    @push('js')
        <script src="{{ asset('web/js/custom/validation/subscriptionForm.js') }}"></script>
        <script src="{{ asset('web/js/custom/validation/searchForm.js') }}"></script>
    @endpush
@endsection