@extends('layouts.layout')
@section('title', 'Tambah Surat')
<link rel="stylesheet" href="{{ asset('css/jquery.fancybox.css') }}">
<link rel="stylesheet" href="{{ asset("css/style.css") }}">
@section('content')
@include('sweetalert::alert')
<section>
    <div class="row my-5 mx-4">
        <div class="col-12 col-lg-5 order-2 order-lg-1 mt--2 text-center">
            <img src="{{ asset('img/email.icon.svg') }}" class="hero-img" style="
                width: 250px;
            ">
        </div>
        <div class="col-12 col-lg-7 order-1 order-lg-2" style="display: grid; align-content: center; align-items: center;">
            <h1 class="text-white" style="font-weight: 700; font-size: 35px;">Tambah Surat Keterangan Desa /Kelurahan</h1>
            <h3 class="text-white" style="font-weight: 400;">Buat template surat untuk kepentingan warga terhadap desa seperti surat keterangan usaha, surat keterangan domisili dan surat lainnya yang berkaitan dengan kepentingan publik. </h3>
            <a href="{{ route('surat.create') }}" style="text-decoration: none;color: white;">
                <h2><span class="badge text-light" style="
                    background: linear-gradient(135deg, #347BD7 0%, #3477CB 100%);
                    text-transform: capitalize; padding: 10px; border-radius: 12px;
                    letter-spacing: 0.3px;
                ">Klik disini untuk buat Template Surat Desa</span></h2>
            </a>
        </div>
    </div>
</section>
<section>
    <div class="row my-5 mx-4">
        <div class="col-12 col-lg-5 order-2 order-lg-1 mt--2 text-center">
            <img src="{{ asset('img/email-sk.svg') }}" class="hero-img" style="
                width: 250px;
            ">
        </div>
        <div class="col-12 col-lg-7 order-1 order-lg-2" style="display: grid; align-content: center; align-items: center;">

            <h1 class="text-white" style="font-weight: 700; font-size: 35px;">Tambah Surat Keputusan (SK)</h1>
            <h3 class="text-white" style="font-weight: 400;">Buat template surat keputusan untuk menentukan atau menetapkan status resmi seseorang dalam sebuah badan organisasi. </h3>
            <a href="{{ route('surat-keputusan.create') }}" style="text-decoration: none;color: white;">
                <h2><span class="badge text-light" style="
                    background: linear-gradient(135deg, #cec745 0%, #b4b03f 100%);
                    text-transform: capitalize; padding: 10px; border-radius: 12px;
                    letter-spacing: 0.3px;
                ">Klik disini untuk buat Template Surat Keputusan (SK)</span></h2>
            </a>
        </div>
    </div>
</section>


@endsection