@extends('layouts.index')
@push('css')
<link rel="stylesheet" type="text/css" href="{{asset('assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom.css')}}">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
{{-- bootstrapt tabel plugins --}}
{{-- <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/bootstrap-table.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link href="https://unpkg.com/[email protected]/dist/extensions/sticky-header/bootstrap-table-sticky-header.css" rel="stylesheet"> --}}
@livewireStyles
@endpush
@section('content')
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-flex align-items-center justify-content-between">
<div class="page-title">
<h4 class="mb-0 font-size-18">PAD</h4>
<ol class="breadcrumb">
<li class="breadcrumb-item active">Welcome to {{ env('APP_NAME') }}</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
<div class="page-content-wrapper">
<div class="row">
<div class="col">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between w-100 align-items-center mt-5 pt-5">
</div>
<div class="d-flex flex-column justify-content-center w-100 align-items-around"
style="display: block">
<div class="table-responsive py-4" style="padding: 25px;">
{{-- @livewire('pad-table-livewire-component') --}}
{{-- <livewire:pad-table-livewire-component /> --}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('js')
{{-- bootrapt tabel --}}
{{-- <script src="https://unpkg.com/[email protected]/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/extensions/sticky-header/bootstrap-table-sticky-header.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/extensions/print/bootstrap-table-print.min.js"></script> --}}
@livewireScripts
{{-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> --}}
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="{{asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
<script src="{{asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
<script type="text/javascript">
$('.select-opd').select2({
width:'100%',
});
$('.tanggal_awal').datepicker({
format:'yyyy-mm-dd',
autoclose:true,
});
$('.tanggal_akhir').datepicker({
format:'yyyy-mm-dd',
autoclose:true,
});
// $(document).ready(function() {
// navbarHeight = parseInt($('#page-topbar').css('height'));
// $('#table').bootstrapTable({
// // stickyHeader: true,
// showFullscreen: true,
// stickyHeaderOffsetY: navbarHeight,
// theadClasses: "table-light",
// }).on('load-fullscreen.bs.table', function () {
// // Add icon when entering fullscreen mode
// $('.fullscreen.btn').html('<i class="fas fa-compress"></i> Fullscreen');
// }).on('unload-fullscreen.bs.table', function () {
// // Remove icon when exiting fullscreen mode
// $('.fullscreen.btn').html('<i class="fas fa-expand"></i> Fullscreen');
// });
// });
</script>
<script>
document.querySelector('form').addEventListener('submit', function () {
document.getElementById('loading-message').style.display = 'block';
});
</script>
@endpush
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]