@extends('layouts.base')

@section('content-header')
    <div class="col-12">
        <div class="container" style="display: contents">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0"> Rekening Coa</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">Home</li>
                        <li class="breadcrumb-item">Master Data</li>
                        <li class="breadcrumb-item active">Rekening Coa</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
<div class="content__boxed">
    <div class="content__wrap">
        <div class="row">
            <div class="col-md-5 col-sm-12 mt-2">
                <div class="card">
                    <div class="card bg-warning" style="min-height:5px; border-radius:1px;"></div>
                    <div class="card-body">
                        <div class="col-md-12">
                            <form id="form_member" action="{{ route('coa.simpan') }}" method="POST">
                                @csrf
                                <div class="row">
                                    <div class="col-md-12">
                                        <h5>Form Input Data</h5>
                                    </div>
                                    <div class="col-md-6 mt-3">
                                        <label>Kode COA <span style="color: red;">*</span></label>
                                        <select class="form-control form-control-sm" name="kode_coa" required>
                                            <option selected disabled>--Pilih Kode COA--</option>
                                            <option value="1">1. Aktifa</option>
                                            <option value="2">2. Pasiva</option>
                                            <option value="3">3. Modal</option>
                                            <option value="4">4. Pendapatan</option>
                                            <option value="5">5. Biaya</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6 mt-3">
                                        <label>Sub Kode COA <span style="color: red;">*</span></label>
                                        <input type="text" class="form-control form-control-sm" name="sub_kode_coa" onkeypress="return number(event)" maxlength="3" required placeholder="Sub Kode COA">
                                    </div>
                                    <div class="col-12 mt-3">
                                        <input type="checkbox" id="ceklist" onchange="centang()">
                                        <label for="ceklist">Aktifkan Detail Coa</label>
                                    </div>
                                    <div class="col-12 mt-3">
                                        <label>Detail COA</label>
                                        <input type="text" class="form-control form-control-sm" id="detail_coa" name="detail_coa" id="detail_coa" onkeypress="return number(event)" maxlength="3" disabled placeholder="Detail COA">
                                    </div>
                                    <div class="col-12 mt-3">
                                        <label>Keterangan COA <span style="color: red;">*</span></label>
                                        <input type="text" class="form-control form-control-sm" name="keterangan_coa" required placeholder="Keterangan COA" required>
                                    </div>
                                </div>
                                <hr>
                                <div class="btn-group">
                                    <button type="reset" class="btn btn-sm btn-warning mr-1">Bersihkan</button>
                                    <button type="submit" class="btn btn-sm btn-primary">Simpan</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-7 col-sm-12 mt-2">
                <div class="card">
                    <div class="card bg-orange" style="min-height:5px; border-radius:1px;"></div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="tabelku" class="table table-striped display">
                                <thead>
                                    <tr>
                                    <th class="text-center">No</th>
                                    <th>Kode COA</th>
                                    <th>Sub Kode COA</th>
                                    <th>Detail COA</th>
                                    <th>COA</th>
                                    <th>Keterangan COA</th>
                                    <th class="text-center"><i class="fas fa-cog"></i></th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('pages.admin.rekening_coa.modal')
@endsection

@include('pages.admin.rekening_coa.style')
@include('pages.admin.rekening_coa.js')