@extends('layouts.admin')

@section('title')
 {{ trans('Panoul principal') }}
@endsection

@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.dashboard') }}
@endsection

@section('content')
<div class="row g-5 g-xl-8">
    <div class="col-3">
        <div class="card h-175px bgi-no-repeat bgi-size-cover card-xl-stretch mb-5 mb-xl-8 bg-primary" style="background-position: calc(50% + 10.5rem) 60%;background-size: 25% auto;background-image:url('{{asset('backend/media/svg/files/pdf.svg')}}')">
            <div class="card-body d-flex flex-column justify-content-between red-color-background">
                <h3 class="text-white fw-bolder">Pagini</h3>
                <p class="text-white fw-bolder  mt-0 mb-5">Adaugare/Editare Content</p>
                <div class="m-0">
                    <a href="{{route('admin.content.pages')}}" class="btn btn-success fw-bold px-6 py-3" >Access</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-3">
        <div class="card h-175px bgi-no-repeat bgi-size-cover card-xl-stretch mb-5 mb-xl-8 bg-primary" style="background-position: calc(50% + 10.5rem) 60%;background-size: 25% auto;background-image:url('{{asset('backend/media/svg/files/pdf.svg')}}')">
            <div class="card-body d-flex flex-column justify-content-between red-color-background">
                <h3 class="text-white fw-bolder">Banere</h3>
                <p class="text-white fw-bolder  mt-0 mb-5">Adaugare/Editare Banere</p>
                <div class="m-0">
                    <a href="{{route('admin.content.banners')}}" class="btn btn-success fw-bold px-6 py-3" >Access</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-3">
        <div class="card h-175px bgi-no-repeat bgi-size-cover card-xl-stretch mb-5 mb-xl-8 bg-primary" style="background-position: calc(50% + 10.5rem) 60%;background-size: 25% auto;background-image:url('{{asset('backend/media/svg/files/pdf.svg')}}')">
            <div class="card-body d-flex flex-column justify-content-between red-color-background">
                <h3 class="text-white fw-bolder">Sliders</h3>
                <p class="text-white fw-bolder  mt-0 mb-5">Adaugare/Editare Slider</p>
                <div class="m-0">
                    <a href="{{route('admin.content.sliders')}}" class="btn btn-success fw-bold px-6 py-3" >Access</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-3">
        <div class="card h-175px bgi-no-repeat bgi-size-cover card-xl-stretch mb-5 mb-xl-8 bg-primary" style="background-position: calc(50% + 10.5rem) 60%;background-size: 25% auto;background-image:url('{{asset('backend/media/svg/files/pdf.svg')}}')">
            <div class="card-body d-flex flex-column justify-content-between red-color-background">
                <h3 class="text-white fw-bolder">Meniu Site</h3>
                <p class="text-white fw-bolder  mt-0 mb-5">Adaugare/Editare/Aranjare Meniu Site</p>
                <div class="m-0">
                    <a href="{{route('admin.siteMenu')}}" class="btn btn-success fw-bold px-6 py-3" >Access</a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection