@extends('layouts.panel.index')
@section('title','Tambah Berita')
@include('admin.form._js.create')

@push('style')
    <style>
        #judul-editor {
            border-radius: 0px !important;
        }

        #uraian-editor {
            border-radius: 0px !important;
        }

        .select2-selection__clear {
            display: none !important;
        }
    </style>
@endpush

@section('content')

<div class="clearfix mb-2">
    <div class="float-start">
        <a href="{{ route('admin.form')}}" class="text-primary btn-sm"><i class="fa-solid fa-arrow-left"></i><b> Kembali </b></a>
    </div>
    <div class="float-end">
        <h5><b>Tambah Solusi</b></h5>
    </div>
</div>

<div class="card border-0">
    <div class="card-body">
        <div class="row mb-3">
            <div class="col-12">
                <div class="mb-3">
                    <label class="form-label" for="" class="mb-1 fw-semibold">Kategori Bencana <span class="text-danger">*</span></label>
                    <select class="form-select" name="category" id="category">
                        <option value="" disabled selected>Pilih kategori</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="mb-3">
                    <label for="" class="mb-1 fw-semibold">Pertanyaan <span class="text-danger">*</span></label>
                    <select class="form-select" name="question" id="question">
                        <option value="" disabled selected>Pilih pertanyaan</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="mb-3">
                    <label for="" class="mb-1 fw-semibold">Jawaban <span class="text-danger">*</span></label>
                    <select class="form-select" name="answer" id="answer" disabled>
                        <option value="" disabled selected>Pilih jawaban</option>
                    </select>
                </div>
            </div>
            <div class="col-md-12">
                <div class="mb-3">
                    <label for="" class="mb-1 fw-semibold">Solusi <span class="text-danger">*</span></label>
                    <textarea name="solution" id="" rows="3" placeholder="Masukkan solusi" class="form-control"></textarea>
                </div>
            </div>
        </div>
        <div class="text-end">
            <button class="btn btn-primary rounded btn-sm btn-confirm"><i class="fa-solid fa-paper-plane"></i> Tambah</button>
            <a href="{{ route('admin.form')}}" class="btn btn-danger rounded btn-sm"><i class="fa-solid fa-xmark"></i> Batalkan</a>
        </div>
    </div>
</div>

@endsection