@extends('admin.layout.layout')

@section('content')
    <main id="main" class="main">

        <!-- Butonlar -->
        <div class="pagetitle">
            <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#masrafkalemekle">
                <i class="bi bi-plus-lg"></i> Masraf Kalemi Ekle
            </button>

            <a href="{{ route('masraflar') }}" class="btn btn-danger btn-sm"><i class="bi bi-reply-all-fill"></i> Geri Dön</a>

            <!-- Masraf Kalemi Ekle Modal-->
            <div class="modal fade" id="masrafkalemekle" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title text-success fw-bold">Masraf Kalemi Ekle</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">

                                <div class="row mb-3">
                                    <label for="it" class="col-sm-3 col-form-label fw-bold">Adı</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="it" class="form-control" required>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i
                                        class="bi bi-reply"></i>
                                    Kapat</button>
                                <button type="submit" class="btn btn-success"><i class="bi bi-check-all"></i>
                                    Kaydet</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Masraf Kalemi Ekle Modal-->

        </div>
        <!-- Butonlar -->

        <section class="section dashboard">
            <div class="row">

                <!-- Left side columns -->
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title fw-bold">Masraf Kalemi Listesi</h5>

                            <!-- Table with stripped rows -->
                            <div class="table-responsive">
                                <table class="table table-striped" id="dataTables">
                                    <thead>
                                        <tr>
                                            <th scope="col" style="vertical-align: middle;">
                                                Adı</th>
                                            <th width="10%" scope="col" class="text-center"
                                                style="vertical-align: middle;">
                                                İşlem</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="vertical-align: middle;" class="fw-bold">
                                                Son Kullanıcı
                                            </td>
                                            <td width="10%" class="text-center">
                                                <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal"
                                                    data-bs-target="#masrafkalemduzenle">
                                                    <i class="bi bi-pencil"></i>
                                                </button>

                                                <button type="button" class="btn btn-danger btn-sm"
                                                    title="Etkinlik İptal"><i class="bi bi-trash"></i></button>
                                            </td>
                                        </tr>

                                        <!-- Masraf Kalemi Düzenle Modal-->
                                        <div class="modal fade" id="masrafkalemduzenle" tabindex="-1">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <form action="" method="POST">
                                                        @csrf
                                                        <div class="modal-header">
                                                            <h5 class="modal-title text-primary fw-bold">Masraf Kalemi
                                                                Düzenle</h5>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                                aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">

                                                            <div class="row mb-3">
                                                                <label for="it"
                                                                    class="col-sm-3 col-form-label fw-bold">Adı</label>
                                                                <div class="col-sm-9">
                                                                    <input type="text" name="it"
                                                                        class="form-control" required>
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary"
                                                                data-bs-dismiss="modal"><i class="bi bi-reply"></i>
                                                                Kapat</button>
                                                            <button type="submit" class="btn btn-primary"><i
                                                                    class="bi bi-check-all"></i>
                                                                Güncelle</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Masraf Kalemi Düzenle Modal-->

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- End Left side columns -->

        </section>

    </main><!-- End #main -->
@endsection