You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
6.5 KiB
116 lines
6.5 KiB
@extends('layouts.main') |
|
@section('content') |
|
@include('layouts.components.alert-prompt') |
|
@if (auth()->user()->role_id == 1) |
|
<div class="card shadow mb-4"> |
|
<nav class="navbar navbar-expand navbar-light bg-light mb-4 py-3" style="border-bottom: 1px solid #ddd;"> |
|
<h5 class="m-0 font-weight-bold text-primary mt-2">Data Customer</h5> |
|
<ul class="navbar-nav ml-auto"> |
|
<li class="nav-item dropdown"> |
|
<button type="button" class="btn btn-info dropdown-toggle mb-1" id="navbarDropdown" |
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
|
Action |
|
</button> |
|
<div class="dropdown-menu dropdown-menu-right animated--grow-in" aria-labelledby="navbarDropdown"> |
|
<a class="dropdown-item" href="{{ route('dashboard.customer.create') }}">Tambah Data |
|
Customer</a> |
|
<a class="dropdown-item" data-toggle="modal" data-target="#importDataModal" |
|
href="#">Import Data Customer</a> |
|
<a class="dropdown-item" href="{{ route('dashboard.ReportCustomer.export') }}" |
|
target="_blank">Export Data Customer</a> |
|
</div> |
|
</li> |
|
</ul> |
|
</nav> |
|
<div class="card-body"> |
|
<div class="table-responsive"> |
|
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0"> |
|
<thead> |
|
<tr> |
|
<th class="text-center">No</th> |
|
<th>Nama Customer</th> |
|
<th>Kode Customer</th> |
|
<th>No. Telepon</th> |
|
<th>Alamat</th> |
|
<th class="text-center">Action</th> |
|
</tr> |
|
</thead> |
|
<tbody> |
|
@php |
|
$nocustomer = 1; |
|
@endphp |
|
@forelse ($customer as $data_customer) |
|
<tr> |
|
<td class="text-center">{{ $nocustomer++ }}</td> |
|
<td>{{ $data_customer->name }}</td> |
|
<td>{{ $data_customer->code_customer }}</td> |
|
<td>{{ $data_customer->no_tlp }}</td> |
|
<td>{{ $data_customer->address }}</td> |
|
<td class="text-center"> |
|
<a href="{{ route('dashboard.customer.show', [$data_customer->id]) }}"> |
|
<i class="fa fa-eye mr-2" style="font-size: 20px"></i> |
|
</a> |
|
<a href="{{ route('dashboard.customer.edit', [$data_customer->id]) }}"> |
|
<i class="fa fa-edit mr-2" style="font-size: 20px"></i> |
|
</a> |
|
<form action="{{ route('dashboard.customer.destroy', $data_customer->id) }}" |
|
method="POST" style="display: inline;"> |
|
@csrf |
|
@method('DELETE') |
|
<button type="submit" |
|
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')" |
|
style="border: none; background: none; cursor: pointer;"> |
|
<i class="fa fa-trash text-danger" style="font-size: 20px"></i> |
|
</button> |
|
</form> |
|
</td> |
|
</tr> |
|
@empty |
|
@endforelse |
|
</tbody> |
|
</table> |
|
</div> |
|
</div> |
|
</div> |
|
@else |
|
@include('pages.user.Master_Data.Customer.index') |
|
@endif |
|
|
|
<!-- Import Data Modal--> |
|
<div class="modal fade" id="importDataModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" |
|
aria-hidden="true"> |
|
<div class="modal-dialog" role="document"> |
|
<div class="modal-content"> |
|
<div class="modal-header"> |
|
<h5 class="modal-title" id="exampleModalLabel">Import Data Customer</h5> |
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|
<span aria-hidden="true">×</span> |
|
</button> |
|
</div> |
|
<div class="modal-body"> |
|
<form action="{{ route('dashboard.customer.import') }}" method="POST" enctype="multipart/form-data"> |
|
@csrf |
|
<div class="form-group"> |
|
<div class="form-group"> |
|
<label for="name" class="col-form-label">File Import Customer:</label> |
|
<input type="file" name="file" class="form-control" accept=".xlsx, .xls, .csv" |
|
required> |
|
<small class="text-muted">Pilih file Excel (.xlsx, .xls) atau CSV (.csv) untuk |
|
diimpor.</small> |
|
</div> |
|
<!-- Tombol untuk mengunduh file --> |
|
<div class="form-group"> |
|
<a href="{{ asset('assets/file/Format_Import_Customer.csv') }}" class="btn btn-primary" |
|
download>Unduh Format Customer</a> |
|
</div> |
|
</div> |
|
<div class="modal-footer"> |
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
|
<button type="submit" class="btn btn-success">Submit</button> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
@endsection
|
|
|