@extends('site.layouts.master')
@section('title', 'سرویس رایگان')
@section('content')

    <style>
        .fonit {
            font-family: Estedad;
            font-weight: 400;
        }
    </style>

    <section class="page-header -type-1 mt-50">
        <div class="container">
            <div class="page-header__content">
                <div class="row justify-center text-center">
                    <div class="col-auto">
                        <div>

                            <h1 class="page-header__title">{{ $service->title }}</h1>

                        </div>

                        <div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="layout-pt-md layout-pb-lg">
        <div data-anim-wrap class="container">
            <div class="tabs -pills js-tabs">
                <div class="tabs__content pt-40 js-tabs-content">

                    <div class="tabs__pane -tab-item-1 is-active">
                        <div class="row y-gap-30 pt-30">

                            @if ($service)
                                <div class="">
                                    {!! $service->video !!}
                                </div>
                                <div style="margin-top: 10em;">
                                    <p class="mt-30">{!! $service->desc !!}</p>
                                </div>
                            @endif
                            <div class="tabs__pane -tab-item-1 is-active y-gap-30 text-center col-8 m-auto">
                                @if ($service->pdf)
                                    <a href="{{ $service->pdf }}" style="border-radius:100px"
                                        class="btn btn-info w-100 h-100 mb-10 fonit" download>دانلود PDF</a>
                                @endif

                                @php
                                    $links = str_replace("\r\n", '', $service->links);
                                    $explodeLinks = array_filter(explode(',', $links));
                                @endphp
                                @foreach ($explodeLinks as $item)
                                    @php
                                        $attr = $service->getAttr($item);
                                    @endphp
                                    <a href="{{ $attr['link'] }}" class="btn w-100 h-100 mb-10 fonit"
                                        style="background-color: {{ $attr['color'] }}; border-radius:100px" target="_blank"
                                        download>{{ $attr['name'] }}</a>
                                @endforeach
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

@endsection