<template>
    <section>
        <h1 class="text-center g-py-20 g-mb-30">Tambah Reports</h1>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-md-12 col-lg-12 g-mb-20">
                    <div class="border box-shadow g-pa-20">
                        <form>
                            <div class="form-group g-mb-15">
                                <label for="judul">Judul Report</label>
                                <input type="text" class="form-control" id="judul" placeholder="Judul Reports">
                            </div>
                            <div class="form-group g-mb-15">
                                <label class="form-label" for="foto">Foto Report</label>
                                <input type="file" class="form-control" id="foto" />
                            </div>
                            <div type="submit" class="btn-blue d-block text-center g-mt-40">Tambah Form</div>
                            <div type="submit" class="btn-orange d-block text-center g-mt-15">Simpan Report</div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

<style scoped>
a {
    color: #ff6d00;
}
</style>