hasrinuryawati ced9b41539 transaksi
2025-04-27 20:02:22 +07:00

165 lines
9.0 KiB
PHP

@extends('layout.main')
@section('content')
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<button type="button" class="btn btn-primary float-right" data-toggle="modal" data-target="#modal-add"><i class="fas fa-plus"></i>Data</button>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="asuransi_tb" class="table table-bordered table-striped">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Tarif</th>
<th>Detail</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@php
$no = 1;
@endphp
@foreach ($tindakan as $data)
<tr>
<td>{{ $no++ }}</td>
<td>{{ $data->nama }}</td>
<td>{{ number_format($data->tarif) }}</td>
<td>{{ $data->detail }}</td>
<td>
<div class="row">
<a href="#" class="btn btn-secondary btn-sm mr-1 mt-1" title="Edit" data-toggle="modal" data-target="#modal-edit{{ $data->id }}"><i class="fas fa-edit"></i></a>
</div>
</td>
</tr>
{{-- Modal Edit --}}
<div class="modal fade" id="modal-edit{{ $data->id }}">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Edit Data</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<form action="{{ route('tindakan.update', $data->id) }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="modal-body">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="nama">Nama</label>
<input class="form-control" type="text" name="nama" value="{{ $data->nama }}" required>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="tarif">Tarif</label>
<input class="form-control" type="number" name="tarif" value="{{ $data->tarif }}" required>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label for="detail">Detail</label>
<textarea class="form-control" name="detail" id="detail" rows="3">{{ $data->detail }}</textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-default">Ubah</button>
</div>
</form>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
@endforeach
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
{{-- Modal Add --}}
<div class="modal fade" id="modal-add">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Tambah Data</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<form action="{{ route('tindakan.store') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="modal-body">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="nama">Nama</label>
<input class="form-control" type="text" name="nama" required>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="tarif">Tarif</label>
<input class="form-control" type="number" name="tarif" required>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label for="detail">Detail</label>
<textarea class="form-control" name="detail" id="detail" rows="3"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-default">Simpan</button>
</div>
</form>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
</div>
</div>
</section>
@push('script')
<script>
$(function () {
$("#asuransi_tb").DataTable({
"responsive": true,
"lengthChange": false,
"autoWidth": false,
"ordering": false,
});
});
</script>
@endpush
@endsection