@extends('layouts.external.app')
@section('content')

<style>
    .tabel-edf3f4 {
        border-collapse: collapse;
        font-size: 13px;
        width: 100%;
    }

    .tabel-edf3f4 th,
    .tabel-edf3f4 td {
        border: 1px solid #edf3f4;
        padding: 8px;
        /* text-align: left; */
    }

    .tabel-edf3f4 tr>td:first-child,
    .tabel-edf3f4 tr>th:first-child {
        background-color: #edf3f4;
        color: #379ff8;
        font-weight: 600;
    }
</style>

<div class="content-wrapper p-5">
    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row">
                <div class="col-12 col-xl-8 mb-4 mb-xl-0">
                    <h3 class="fw-bold">Profil</h3>
                    <!-- <h6 class="fw-normal mb-0">Daftar Perusahaan</h6> -->
                </div>
                <div class="col-12 col-xl-4">
                    <div class="justify-content-end d-flex">
                        <div class="dropdown flex-md-grow-1 flex-xl-grow-0">
                            <!-- <button class="btn btn-sm btn-light bg-white dropdown-toggle" type="button" id="dropdownMenuDate2"
                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                <i class="mdi mdi-calendar"></i> Today (10 Jan 2021)
                            </button>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuDate2">
                                <a class="dropdown-item" href="#">January - March</a>
                                <a class="dropdown-item" href="#">March - June</a>
                                <a class="dropdown-item" href="#">June - August</a>
                                <a class="dropdown-item" href="#">August - November</a>
                            </div> -->
                            <a href="{{ url('dataperusahaan/tambah') }}" class="btn btn-primary btn-sm"><i class="fa fa-pencil"> Edit</i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 grid-margin">
            <div class="card">
                <div class="card-body">
                    <div class="text-center">
                        <img src="{{ url('/') }}/skydash/src/assets/images/faces/face12.jpg" alt="profile" class="img-lg rounded-circle mb-3" style="width: 120px; height:120px" />
                        <div class="mb-3">
                            <h3>Administrator</h3>
                            <p></p>
                        </div>

                        <div class="btn-group" role="group" aria-label="Basic example">
                            <button type="button" class="btn btn-outline-secondary" style="border-top-left-radius: 15px;">
                                <i class="fa fa-whatsapp"></i> Whatsapp
                            </button>
                            <button type="button" class="btn btn-outline-secondary" style="border-top-right-radius: 15px;">
                                <i class="fa fa-envelope-o"></i> Email
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-8 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <table class="tabel-edf3f4">
                        <tr>
                            <td style="width:25%">Nama Lengkap</td>
                            <td><input type="text" class="form-control form-control-sm" id="exampleInputPassword4" value="Administrator"></td>
                        </tr>
                        <tr>
                            <td>Username</td>
                            <td><input type="text" class="form-control form-control-sm" id="exampleInputPassword4" value="s_demo"></td>
                        </tr>
                        <tr>
                            <td>Password</td>
                            <td><input type="text" class="form-control form-control-sm" id="exampleInputPassword4" value="******"></td>
                        </tr>
                        <tr>
                            <td>Jenis Kelamin</td>
                            <td>
                                <select name="" class="form-select">
                                    <option>Pilih Jenis Kelamin</option>
                                    <option>Laki - laki</option>
                                    <option selected>Perempuan</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>Tanggal Lahir</td>
                            <td><input type="date" class="form-control form-control-sm" id="exampleInputPassword4" value="2020-08-05"></td>
                        </tr>
                        <tr>
                            <td>Telepon</td>
                            <td><input type="text" class="form-control form-control-sm" id="exampleInputPassword4" value="08129999999"></td>
                        </tr>
                        <tr>
                            <td>Email</td>
                            <td><input type="email" class="form-control form-control-sm" id="exampleInputPassword4" value="aku@jamkridajateng.co.id"></td>
                        </tr>
                        <tr>
                            <td>Level</td>
                            <td>
                                <span class="badge badge-success">STAFF</span>
                            </td>
                        </tr>
                        <tr>
                            <td>Wilayah</td>
                            <td>PUSAT</td>
                        </tr>
                        <tr>
                            <td>Status</td>
                            <td><span class="badge badge-success">AKTIF</span></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>


</div>

<!-- partial:partials/_footer.html -->
@include('partials.external.footer')
<!-- partial -->
</div>
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- plugins:js -->
<script src="{{ url('/') }}/skydash/src/assets/vendors/js/vendor.bundle.base.js"></script>
<!-- endinject -->
<!-- Plugin js for this page -->
<script src="{{ url('/') }}/skydash/src/assets/vendors/chart.js/chart.umd.js"></script>

<!-- Datatables -->
<script src="{{ url('/') }}/skydash/src/assets/js/dataTables.min.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/dataTables.bootstrap5.min.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/dataTables.select.min.js"></script>
<!-- End plugin js for this page -->
<!-- inject:js -->
<script src="{{ url('/') }}/skydash/src/assets/js/off-canvas.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/template.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/settings.js"></script>
<script src="assets/js/todolist.js"></script>
<!-- endinject -->
<!-- Custom js for this page-->
<script src="{{ url('/') }}/skydash/src/assets/js/jquery.cookie.js" type="text/javascript"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/dashboard.js"></script>
<!-- <script src="assets/js/Chart.roundedBarCharts.js"></script> -->
<!-- End custom js for this page-->
<script>
    $(document).ready(function() {
        $('#example').DataTable();
    });
</script>
</body>

</html>

@endsection