@extends('frontend.app')
@section('cssFiles')
    <style>
        .blog-card.style4 .blog-content h3 a {
            font-family: "Ubuntu", sans-serif;
        }

        .blog-details-wrapper .blog-details-content .main-thumb img {
            width: 100%;
            height: auto;
            object-fit: cover;
            aspect-ratio: 16 / 9;
        }

        .breadcumb {
            overflow: hidden;
            border-radius: 0px 0px 20px 20px;
            background-color: var(--gray1);
            padding: 120px 0 60px 0;
            margin: 0 auto;
            position: relative;
        }

        .single-sidebar-widget.style2 .message-left-part .contact-form form input[type=tel] {
            width: 100%;
            padding: 16px 30px;
            border-radius: 999px;
            border: 1px solid #E9E9E9;
            color: var(--title);
            font-family: "Ubuntu", sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 28px;
        }

        .single-sidebar-widget.style2 .message-left-part .contact-form form input[type=text] {
            width: 100%;
            padding: 16px 30px;
            border-radius: 999px;
            border: 1px solid #E9E9E9;
            color: var(--title);
            font-family: "Ubuntu", sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 28px;
        }

        .single-sidebar-widget.style2 .message-left-part .contact-form form input[type=email] {
            width: 100%;
            padding: 16px 30px;
            border-radius: 999px;
            border: 1px solid #E9E9E9;
            color: var(--title);
            font-family: "Ubuntu", sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 28px;
        }
        .footer-section .footer-widgets-wrapper.style2 {
            padding: 80px 0 82px 0;
        }
    </style>
@endsection
@section('content')
    <div class="breadcumb">
        <div class="container">
            <div class="breadcumb-wrapper">
                <div class="page-heading">
                    <h1 class="wow fadeInUp" data-wow-delay=".3s">{{$blog->title}}</h1>
                    <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                        <li><a href="{{url('anasayfa')}}">Anasayfa</a></li>
                        <li><i class="fas fa-chevron-right"></i></li>
                        <li><a href="{{url('blog')}}">Blog</a></li>
                        <li><i class="fas fa-chevron-right"></i></li>
                        <li><a href="{{url('blog/'.$category->slug)}}">{{$category->title}}</a></li>
                        <li><i class="fas fa-chevron-right"></i></li>
                        <li>{{$blog->title}}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="blog-details-section section-padding fix">
        <div class="container">
            <div class="blog-details-wrapper">
                <div class="row gy-5">
                    <div class="col-xl-8">
                        <div class="blog-details-content">
                            <div class="main-thumb"><img src="/frontend/assets/images/blog/siryonerp.jpg" alt="thumb">
                            </div>
                            <div class="blog-meta">
                                <div class="date"><i class="fa-regular fa-calendar-days"></i> {{date('d.m.Y H:i',strtotime($blog->created_at))}}</div>
                                <div class="category"><i class="fa-regular fa-folder-open"></i> {{$category->title}}</div>
                            </div>
                            <h2 class="title">{{$blog->title}}</h2>
                            <p class="desc1">
                                {!! $blog->content !!}
                            </p>
                        </div>
                    </div>
                    <div class="col-xl-4">
                        <div class="main-sidebar style2">
                            <div class="single-sidebar-widget style1">
                                <div class="widget-title">Kategoriler</div>
                                <div class="tag-wrapper">
                                    @if(count($categories) > 0)
                                        @foreach($categories as $item)
                                            <a class="link-inherit" href="{{url('blog/'.$item->slug)}}" title="{{$item->title}}">{{$item->title}}</a>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection