@extends('layouts.one_page')
@section('title', __('messages.murojaat_yuborish'))

@section('content')
    <!--Main Slider-->
    <!-- Start main-content -->
    <section class="page-title" style="background-image: url(/images/background/view-menu.jpg);">
        <div class="auto-container">
            <div class="title-outer">
                <h1 class="title">{{ __('messages.murojaat_yuborish') }}</h1>
                <ul class="page-breadcrumb">
                    {{-- <li><a href="{{url('all-news')}}">{{__('messages.barcha_yangiliklar')}}</a></li> --}}
                    {{-- <li>{{$news['title_' . session()->get('locale')])}}</li> --}}
                </ul>
            </div>
        </div>
    </section>
    <!-- end main-content -->

    <!--Start courses Details-->
    <section class="course-details">
        <div class="medium-container box-shadow-menu">
            <div class="row">
                <!--Start courses Details Content-->
                <div class="col-xl-8 col-lg-8">
                    <div class="blog-details__left">
                        <div class="courses-details__content">
                            <h4 class="mt-4 text-center">{{ __('messages.murojaat_yuborish') }}</h4>
                            <hr>
                            @if (session('message'))
                                <div class='alert alert-success'>
                                    {{ __('messages.yuborildi') }}
                                </div>
                            @endif
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="alert alert-primary" role="alert">
                                {{__("messages.kiritish_xabar")}}
                            </div>
                            <form id="contact_form" name="contact_form" action="/contact" method="post">
                                {{ csrf_field() }}
                                <div class="row">
                                    <div class="col-xl-12 col-lg-12 col-sm-12">
                                        <div class="mb-3">
                                            <input name="fish" class="form-control required" type="text"
                                                placeholder="F.I.SH. *">
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-sm-12">
                                        <div class="mb-3">
                                            <input name="phone" class="form-control required" type="text"
                                                placeholder="Telefon *">
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-sm-12">
                                        <div class="mb-3">
                                            <input name="email" class="form-control required email" type="email"
                                                placeholder="Email *">
                                        </div>
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-xl-12 col-lg-12 col-sm-12">
                                        <div class="mb-3">
                                            <input name="title" class="form-control required" type="text"
                                                placeholder="Murojaat sarlavhasi *">
                                        </div>
                                    </div>
                                    <div class="mb-3">
                                        <textarea name="content" class="form-control required" rows="7" placeholder="Murojaat matni *"></textarea>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xl-12 col-lg-12 col-sm-12">
                                        <div class="custom-file mb-5">
                                            <input type="file" class="custom-file-input" id="customFile" name="file">
                                            <label class="custom-file-label" for="customFile" id="filename"> <i
                                                    class="fa fa-upload" aria-hidden="true"></i> {{__('messages.ilova')}}</label>

                                        </div>
                                    </div>

                                </div>

                                <div class="mb-3">
                                    <button type="submit" class="theme-btn btn-style-one bg-theme-color5"><span
                                            class="btn-title">{{__("messages.yuborish")}}</span></button>
                                </div>
                            </form>

                        </div>

                    </div>
                </div>
                <!--End courses Details Content-->

                <!--Start courses Details Sidebar-->
                <div class="col-xl-4 col-lg-4">
                    <div class="course-sidebar">
                        <div class="course-details-price">
                            <p class="course-details-price-text">{{ __('messages.kanalni_kuzating') }}</p>

                            <a href="#"
                                class="theme-btn btn-style-two course-details-price-btn">{{ __('messages.azo_boling') }}</a>
                        </div>

                        <div class="latest-course mb-30">
                            <h4 class="latest-course-title mb-30">{{ __('messages.songgi_yangilik') }}</h4>
                            @foreach ($last_news as $top_news)
                                <div class="latest-course-item">
                                    <div class="latest-course-img">
                                        <img src="{{ asset('storage/' . $top_news['thumb_photo']) }}" alt="">
                                    </div>
                                    <div class="latest-course-content">

                                        <h5><a
                                                href="{{ url("news/{$top_news->id}") }}">{{ $top_news['title_' . session()->get('locale')] }}</a>
                                        </h5>
                                        <ul class="last-news-info">
                                            <li><i class="fa fa-calendar"></i>
                                                {{ \Carbon\Carbon::parse($top_news['created_at'])->format('d/m/Y') }}</li>
                                            <li><i class="fa fa-eye"></i> {{ $top_news['viewed'] }}</li>
                                        </ul>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                        <ul class="course-details-info">
                            @foreach ($services as $service)
                                <li class="course-details-info-link">
                                    <span class="course-details-info-icon"><i
                                            class="icon {{ $service['icon'] }}"></i></span>
                                    <a
                                        href="@if ($service->link_route){{ url($service->link_route) }}@endif">{{ $service['title_' . session()->get('locale')] }}</a></span>
                                </li>
                            @endforeach
                        </ul>


                    </div>
                </div>
                <!--End courses Details Sidebar-->
            </div>
        </div>
    </section>
    <!--End courses Details-->
@endsection