{{-- Extends layout --}}
@extends(((Auth()->user()) ? 'layout.app_private' : 'layout.app_public' ))


{{-- Content --}}
@section('content')
    <!--begin::Container-->
    @if (Auth()->user())
        <div class="row"><div class="col-md-12">
    @else
        <div class="mt-20 d-flex flex-column flex-column-fluid container">
    @endif

    <!--begin::Post-->
    <div class="content flex-column-fluid" id="kt_content">
        <!--begin::Content-->
        <div class="card d-flex flex-row-fluid">

            <!--begin::Wrapper-->
            <div class="card-body fs-5">
                <h1 class="text-primary {{ Auth()->user() ? '' : 'text-center'}}">{{__("static_pages.".$data["name"].".title")}}</h1>
                <p class="{{ Auth()->user() ? '' : 'text-center'}}">{{__("static_pages.".$data["name"].".subtitle")}}</p>
                <div class="{{ Auth()->user() ? '' : 'text-center'}}">{!!__("static_pages.".$data["name"].".text")!!}</div>
                <div class="row mt-20">
                    @foreach ($data["downloads"] as $indexBox => $item)
                        @php
                            $offeset = "";
                            if (!Auth()->user() && $indexBox == 0) {
                                $offeset = "offset-md-2";
                            }
                        @endphp
                        <div class="{{$offeset}} col-md-4">
                            <a class="download_box_link" href="{{ route('file_download', ['filename' => $item["file"]]) }}" target="blank">
                                <div class="download_box card card-flush mb-5 mb-xl-10">
                                    <!--begin::Header-->
                                    <div class="card-header pt-5">
                                        <!--begin::Title-->
                                        <div class="card-title d-flex flex-column">
                                            <!--begin::Info-->
                                            <div class="d-flex align-items-center">

                                                <!--begin::Amount-->
                                                <span class="h1 fw-bold text-gray-900 me-2 lh-1 ls-n2">{{__("static_pages.".$data["name"].".".$item["name"])}}</span>
                                                <!--end::Amount-->
                                            </div>
                                            <!--end::Info-->

                                            <!--begin::Subtitle-->
                                            <span class="text-gray-500 pt-1 fw-semibold fs-6 mt-3">{{__("static_pages.".$data["name"].".last_update")}}: {{$item["last_update"]}}</span>
                                            <!--end::Subtitle-->
                                        </div>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Header-->

                                    <!--begin::Card body-->
                                    <div class="card-body pt-3 pb-4 d-flex flex-wrap align-items-center">
                                        <!--begin::Chart-->
                                        <div class="d-flex flex-center me-5 pt-2">
                                            <i class="{{$item["icon"]}} fs-3x text-{{$item["color"]}}"></i>
                                        </div>
                                        <!--end::Chart-->

                                        <!--begin::Labels-->
                                        <div class="d-flex flex-column content-justify-center flex-row-fluid ms-20">
                                            <!--begin::Label-->
                                            <div class="d-flex fw-semibold align-items-center">
                                                <!--begin::Bullet-->
                                                <div class="bullet w-8px h-3px rounded-2 bg-danger me-3"></div>
                                                <!--end::Bullet-->

                                                <!--begin::Label-->
                                                <div class="text-gray-500 flex-grow-1 me-4">{{__("static_pages.".$data["name"].".format")}}</div>
                                                <!--end::Label-->

                                                <!--begin::Stats-->
                                                <div class="fw-bolder text-gray-700 text-xxl-end">{{$item["format"]}}</div>
                                                <!--end::Stats-->
                                            </div>
                                            <!--end::Label-->

                                            <!--begin::Label-->
                                            <div class="d-flex fw-semibold align-items-center my-3">
                                                <!--begin::Bullet-->
                                                <div class="bullet w-8px h-3px rounded-2 bg-danger me-3"></div>
                                                <!--end::Bullet-->

                                                <!--begin::Label-->
                                                <div class="text-gray-500 flex-grow-1 me-4">{{__("static_pages.".$data["name"].".size")}}</div>
                                                <!--end::Label-->

                                                <!--begin::Stats-->
                                                <div class="fw-bolder text-gray-700 text-xxl-end">{{$item["size"]}}</div>
                                                <!--end::Stats-->
                                            </div>
                                            <!--end::Label-->

                                        </div>
                                        <!--end::Labels-->
                                    </div>
                                    <!--end::Card body-->
                                </div>
                            </a>
                        </div>
                    @endforeach

                </div>
            </div>
        </div>
        <!--end::Content-->
    </div>
    <!--end::Post-->

    @if (Auth()->user())
        </div>
    @endif



</div>
<!--end::Container-->
@endsection

{{-- Styles Section --}}
@section('styles')
    <link href="{{ asset('assets/css/views/static.css') }}" rel="stylesheet" type="text/css" />
@endsection

{{-- Scripts Section --}}
@section('scripts')
    <script src="{{ asset('assets/js/views/static/init.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            StaticView.init({
                data : {!! json_encode($data) !!}
            });
        });
    </script>
@endsection