@extends('lyt.app')

@section('title', 'Online İşlemler')

@section('content')

<section class="pageBanner"
    style="background: url('https://figenkonak.com/storage/pages/breadcumbs/01JXYDAQ4KGJGFS4QTT1F0X2HK.webp') no-repeat center center / cover;">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="banner_content text-center">
                    <h4><a href="{{ url('/') }}">Anasayfa</a> - Online İşlemler</h4>
                    <h2>Online İşlemler</h2>
                </div>
            </div>
        </div>
    </div>
</section>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
.action-card{
    background:#fff;
    border-radius:20px;
    padding:32px;
    height:100%;
    border:1px solid #e5e7eb;
    transition:.3s;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}
.action-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(15,23,42,.12);
    border-color:#2563eb;
}
.action-card .icon{
    width:56px;
    height:56px;
    border-radius:16px;
    background:#dbeafe;
    color:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    margin-bottom:16px;
}
.action-card h4{
    font-weight:700;
    margin-bottom:10px;
}
.action-card p{
    color:#64748b;
    font-size:15px;
    margin-bottom:0;
}
.action-card a{
    position:absolute;
    inset:0;
}



</style>

<section class="commonSection">
    <div class="container">
        <div class="row g-4 justify-content-center">

            {{-- MARKA ARAŞTIRMA --}}
            <div class="col-lg-4 col-md-6">
                <div class="action-card">
                    <div class="icon">
                        <i class="fa-solid fa-magnifying-glass"></i>
                    </div>
                    <h4>Marka Araştırma Talebi</h4>
                    <p>
                        Markanızın tescil edilebilirliğini, benzerlik ve risk durumlarını
                        ücretsiz ön araştırma ile öğrenin.
                    </p>
                    <a href="{{ route('markaarastirmatelebi') }}"></a>
                </div>
            </div>

            {{-- RANDEVU OLUŞTUR --}}
            <div class="col-lg-4 col-md-6">
                <div class="action-card">
                    <div class="icon">
                        <i class="fa-solid fa-calendar-check"></i>
                    </div>
                    <h4>Randevu Oluştur</h4>
                    <p>
                        Uzmanlarımızla online veya yüz yüze görüşme için
                        size uygun tarih ve saati seçin.
                    </p>
                    <a href="{{route('randevuolustur')}}"></a>
                </div>
            </div>

            {{-- ONLINE GİRİŞ --}}
            <div class="col-lg-4 col-md-6">
                <div class="action-card">
                    <div class="icon">
                        <i class="fa-solid fa-right-to-bracket"></i>
                    </div>
                    <h4>Online Giriş</h4>
                    <p>
                        Başvuru durumlarınızı görüntüleyin, evrak yükleyin
                        ve süreci online olarak takip edin.
                    </p>
                    <a href="{{route('onlineislemler.giris')}}"></a>
                </div>
            </div>

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

@endsection