@extends('admin.sidebar')
@section('content')
{{-- TABLE --}}
<div class="card">
<div class="card-header center">
<h5 class="card-title">
Data Club
</h5>
</div>
@include('message')
<div class="card-body" style="overflow-x:auto;">
<a href="#modalAdd" id="add" data-bs-toggle="modal" data-bs-target="#modalAdd" class="btn btn-success mb-3"><i
class="bi bi-plus"></i>
Tambahkan Club</a>
<table class="table table-striped" id="table1">
<thead>
<tr>
<th>Logo</th>
<th>Nama Club</th>
<th>Cabang Olahraga</th>
<th>Email</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($club as $item)
<tr>
<td>
<img src="{{ asset('images/club') . '/' . $item->photo }}" alt="profile image"
style="width: 150px" class="rounded">
</td>
<td>
{{ $item->nama }}
</td>
<td>
{{ $item->cabor->nama }}
</td>
<td>
{{ $item->email }}
</td>
<td>
<a data-bs-toggle="modal" data-bs-target="#modalEdit" id="edit"
data-nama="{{ $item->nama }}" data-alamat="{{ $item->alamat }}"
data-cabor_id="{{ $item->cabor_id }}" data-no_telp="{{ $item->no_telp }}"
data-link="{{ $item->link }}" data-email="{{ $item->email }}"
onclick="$('#modalEdit #formEdit').attr('action', '{{ route('clubs.update', Crypt::encryptString($item->id)) }}')"
class="open-AddBookDialog btn btn-primary m-1" href=""><i
class="bi bi-pencil-square"></i></a>
<a href="" class="btn btn-danger m-1"data-bs-toggle="modal"
data-bs-target="#modalDelete"
onclick="$('#modalDelete #formDelete').attr('action', '{{ route('clubs.destroy', Crypt::encryptString($item->id)) }}')"><i
class="bi bi-trash-fill"></i></a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
{{-- TABLE --}}
{{-- Modal STORE||START|| --}}
<div class="modal fade text-left modal-borderless" id="modalAdd" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel1" aria-hidden="false">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Tambahkan Club</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="{{ route('clubs.store') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="form-group">
<label for="nama">Nama Club</label>
<input type="text" class="form-control" id="nama-edit" name="nama">
</div>
<div class="form-group">
<label for="cabor_id">Cabang Olahraga</label>
<select class="form-control" name="cabor_id" id="cabor_id">
<option disabled selected>--pilih Cabor--</option>
@foreach ($cabor as $item)
<option value="{{ $item->id }}">{{ $item->nama }}</option>
@endforeach
</select>
</div>
<div class="form-group">
<label for="alamat">Alamat Club</label>
<input type="text" class="form-control" id="alamat" name="alamat">
</div>
<div class="form-group">
<label for="email">Email Club</label>
<input type="email" class="form-control" id="email" name="email">
</div>
<div class="form-group">
<label for="no_telp">Nomor Telpon</label>
<input type="number" class="form-control" id="no_telp" name="no_telp">
</div>
<div class="form-group">
<label for="link">Link</label>
<input type="text" class="form-control" id="link" name="link">
</div>
<div class="form-group">
<label for="photo">Logo</label>
<input type="file" class="form-control" id="photo" name="photo">
<i>*Foto yang dimasukan tidak boleh lebih dari 1mb!</i>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class=" center">Close</span>
</button>
<button type="submit" class="btn btn-primary ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class=" center">Submit</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
{{-- Modal STORE||END|| --}}
{{-- Modal UPDATE||START|| --}}
<div class="modal fade text-left modal-borderless" id="modalEdit" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit Data Club</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="" method="POST" id="formEdit" enctype="multipart/form-data">
@csrf
@method('put')
<div class="form-group">
<label for="nama-edit">Nama Club</label>
<input type="text" class="form-control" id="nama-edit" name="nama">
</div>
<div class="form-group">
<label for="cabor_id-edit">Cabang Olahraga</label>
<select class="form-control"name="cabor_id" id="cabor_id-edit">
@foreach ($cabor as $item)
<option value="{{ $item->id }}">{{ $item->nama }}</option>
@endforeach
</select>
</div>
<div class="form-group">
<label for="alamat-edit">Alamat Club</label>
<input type="text" class="form-control" id="alamat-edit" name="alamat">
</div>
<div class="form-group">
<label for="email-edit">Email Club</label>
<input type="email" class="form-control" id="email-edit" name="email">
</div>
<div class="form-group">
<label for="no_telp-edit">Nomor Telpon</label>
<input type="number" class="form-control" id="no_telp-edit" name="no_telp">
</div>
<div class="form-group">
<label for="link-edit">Link</label>
<input type="text" class="form-control" id="link-edit" name="link">
</div>
<div class="form-group">
<label for="photo-edit">Logo</label>
<input type="file" class="form-control" id="photo-edit" name="photo">
<i>*Foto yang dimasukan tidak boleh lebih dari 1mb!</i>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class=" center">Close</span>
</button>
<button type="submit" class="btn btn-warning ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class=" center">Edit</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
{{-- Modal UPDATE||END|| --}}
{{-- Modal DESTROY||START|| --}}
<div class="modal fade text-left modal-borderless" id="modalDelete" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Hapus Club</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form id="formDelete" action="" method="post">
@csrf
@method('delete')
<div class="form-group" id="pass">
<h5>Apakah anda yakin ingin menghapus item?</h5>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class=" center">Close</span>
</button>
<button type="submit" class="btn btn-primary ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class=" center">Delete</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
{{-- Modal DESTROY||END|| --}}
{{-- script --}}
@push('script-modal')
{{-- data modal Update --}}
<script>
$(document).on('click', '#edit', function() {
let nama = $(this).data('nama')
let cabor_id = $(this).data('cabor_id')
let alamat = $(this).data('alamat')
let no_telp = $(this).data('no_telp')
let email = $(this).data('email')
let link = $(this).data('link')
$('.form-group #nama-edit').val(nama)
$('.form-group #cabor_id-edit').val(cabor_id)
$('.form-group #alamat-edit').val(alamat)
$('.form-group #no_telp-edit').val(no_telp)
$('.form-group #email-edit').val(email)
$('.form-group #link-edit').val(link)
});
</script>
@endpush
{{-- script --}}
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell