@extends('layouts.app')

@section('content')
    {{-- @include('components.sidebar') --}}
    {{-- @include('components.profile') --}}
    <div class="grid grid-cols-1 xl:grid-cols-2 3xl:grid-cols-3 gap-4 mt-24 w-full ml-12">
        <div>
            <a href="{{ route('customer.uploadFile') }}"
                class="cursor-pointer ml-3 block max-w-sm p-6 bg-theme_secondary_black border border-gray-200 rounded-lg shadow duration-200 hover:shadow-lg hover:shadow-teheme_third_gray">
                <h5 class="index-card-title">Belge Yükle</h5>
                <p class="text-gray-400">Firma hakkinda yuklenmesi gereken belgeler</p>
            </a>
        </div>
        <div>
            <a href="{{ route('customer.offical') }}"
                class="cursor-pointer ml-3 block max-w-sm p-6 bg-theme_secondary_black border border-gray-200 rounded-lg shadow duration-200 hover:shadow-lg hover:shadow-teheme_third_gray">
                <h5 class="index-card-title">Yetkli Bilgileri
                </h5>
                <p class="text-gray-400">Firma yetkili bilgileri duzenleme alani</p>
            </a>
        </div>
        <div>
            <a href="{{ route('customer.agreement') }}"
                class="cursor-pointer ml-3 block max-w-sm p-6 bg-theme_secondary_black border border-gray-200 rounded-lg shadow duration-200 hover:shadow-lg hover:shadow-teheme_third_gray">
                <h5 class="index-card-title">Sozlesme Yükle</h5>
                <p class="text-gray-400">Firma sozlesmeleri yukleme alani</p>
            </a>
        </div>
        <div>
            <a href="{{ route('profile.edit') }}"
                class="cursor-pointer ml-3 block max-w-sm p-6 bg-theme_secondary_black border border-gray-200 rounded-lg shadow duration-200 hover:shadow-lg hover:shadow-teheme_third_gray">
                <h5 class="index-card-title">Kişisel Bilgiler</h5>
                <p class="text-gray-400">Kişisel Bilgilerinizi Düzenleyin</p>
            </a>
        </div>
    </div>
@endsection