@extends('layouts.master')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Tambah Isian KRK</div>

                <div class="card-body">
                    <form method="POST" action="{{ route('isian_KRK.store') }}">
                        @csrf

                        <div class="mb-3">
                            <label for="isian" class="form-label">Isian</label>
                            <textarea name="isian" class="form-control @error('isian') is-invalid @enderror" id="isian" name="isian" rows="3" required>{{ old('isian') }}</textarea>
                            @error('isian')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <label for="aktif" class="form-label">Aktif</label>
                            <select name="aktif" class="form-control @error('aktif') is-invalid @enderror" id="aktif" name="aktif" required>
                                <option value="1">Ya</option>
                                <option value="0">Tidak</option>
                            </select>
                            @error('aktif')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>

                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                            <a href="{{ route('isian_KRK.index') }}" class="btn btn-secondary me-md-2">Batal</a>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <!-- Form yang sudah ada -->
    <form>
        <!-- Input fields yang sudah ada -->
    </form>
</div>

<!-- Tombol WhatsApp Mengambang -->
<a href="https://wa.me/6281358721520" class="float" target="_blank">
    <i class="fab fa-whatsapp my-float"></i>
</a>

<style>
    .float {
        position: fixed !important;
        width: 60px !important;
        height: 60px !important;
        bottom: 40px !important;
        right: 40px !important;
        background-color: #25d366 !important;
        color: #FFF !important;
        border-radius: 50% !important;
        text-align: center !important;
        font-size: 30px !important;
        box-shadow: 2px 2px 3px #999 !important;
        z-index: 99999 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
    }

    .my-float {
        margin: 0 !important;
    }

    .float:hover {
        background-color: #20ba5a !important;
        transform: scale(1.1) !important;
    }
</style>

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
@endsection