MIF_E31222541/resources/views/website/app/list-plant.blade.php

120 lines
5.4 KiB
PHP

@extends('website.layouts.app')
@section('title')
List Data Tanaman
@endsection
@section('content')
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0">List Data Tanaman</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Perhitungan Topsis</a></li>
<li class="breadcrumb-item active">List Data Tanaman</li>
</ol>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header d-flex align-items-center justify-content-between">
<h4 class="card-title mb-0 flex-grow-1">List Data Tanaman
</h4>
<div class="d-flex align-items-center">
<button class="btn btn-md btn-primary ms-2" data-bs-toggle="modal" data-bs-target="#btn-add">tambah
tanaman</button>
</div>
</div><!-- end card header -->
<div class="card-body">
<div id="table-list-plant-data" class="table-responsive">
</div>
</div><!-- end card-body -->
</div><!-- end card -->
</div>
<!-- end col -->
</div>
<!-- update plant modals -->
{{-- <div class="modal fade" id="btn-edit" tabindex="-1" aria-labelledby="btn-editLabel" aria-modal="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="btn-editLabel">Ubah Data Tanaman</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ route('list-plant.updatePlant') }}" method="POST">
@csrf
<div class="row g-3">
<input type="hidden" name="plant_id" id="plant_id">
<div class="col-lg-12">
<div>
<label for="plant" class="form-label">Nama tanaman</label>
<input type="text" class="form-control mb-1" id="plant" name="plant"
placeholder="masukkan nama tanaman">
</div>
</div><!--end col-->
<div class="col-lg-12">
<div class="hstack gap-2 justify-content-end">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div><!--end col-->
</div><!--end row-->
</form>
</div>
</div>
</div>
</div> --}}
<!-- add plant modals -->
<div class="modal fade" id="btn-add" tabindex="-1" aria-labelledby="btn-addLabel" aria-modal="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="btn-addLabel">Tambah Data Tanaman</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ route('list-plant.addPlant') }}" method="POST">
@csrf
<div class="row g-3">
<div class="col-lg-12">
<div>
<label for="plant" class="form-label">Nama tanaman</label>
<input type="text" class="form-control mb-1" id="plant" name="plant"
placeholder="masukkan nama tanaman">
</div>
</div><!--end col-->
<div class="col-lg-12">
<div class="hstack gap-2 justify-content-end">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div><!--end col-->
</div><!--end row-->
</form>
</div>
</div>
</div>
</div>
<script src="{{ asset('assets/libs/prismjs/prism.js') }}"></script>
<script src="{{ asset('assets/libs/gridjs/gridjs.umd.js') }}"></script>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
{{-- <script src="{{ asset('assets/js/pages/gridjs.init.js') }}"></script> --}}
{{-- custom js --}}
<script src="{{ asset('assets/js/custom/list-data-plant.js') }}"></script>
@endsection