Amal_Udjir/resources/views/php/teacher/topics_detail.blade.php

202 lines
9.1 KiB
PHP
Raw Normal View History

2025-04-22 03:10:07 +00:00
@extends('php/teacher/home')
@section('content')
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Dashboard v1</li>
</ol>
</div>
</div>
</div>
</div>
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="card card-body">
<div class="row">
<div class="col-md-9">
<p style="margin: 0px; font-size:13px"><b>Learning Topik yang diubah</b></p>
<h2>{{ $detail }}</h2>
</div>
<div class="col-md-3">
<a class="btn btn-primary btn-sm pulse" data-toggle="modal" data-target="#exampleModal" style="color:#fff">
<i class="fas fa-key" style="margin-right: 5px;color:#fff"></i> <!-- Ikon kunci -->
Tambah Materi
</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr>
</div>
<div class="col-md-12">
@if (session('message'))
<div class="alert alert-success">
{{ session('message') }}
</div>
@endif
@if (session('error'))
<div class="alert alert-danger">
{{ session('error') }}
</div>
@endif
<table class="table" style="width: 100%; font-size: 14px" id="myTable">
<thead>
<tr>
<th>No</th>
<th>Judul Materi</th>
<th>Status</th>
<th class="text-center">Caption</th>
<th>File</th>
<th>Opsi</th>
</tr>
</thead>
<tbody>
@php
$no = 0;
@endphp
@foreach($results as $topic)
@php
$no++;
@endphp
<tr>
<td>@php echo $no; @endphp</td>
<td>{{ $topic->title }}</td>
<td>
<span class="badge badge-secondary">{{ $topic->status }}</span>
</td>
<td class="text-center">
<?php echo strip_tags($topic->description); ?>
</td>
<td>
<a style="font-size: 10px" href="javascript:;" class="btn btn-sm btn-warning" data-toggle="modal" data-target="#modal_file" onclick="get_file_materi({{ $topic->id }})">
detail
</a>
</td>
<td>
<a style="font-size: 10px" href="javascript:;" class="btn btn-sm btn-warning" data-toggle="modal" data-target="#modal-update-0">
<i class="fas fa-edit"></i>
</a>
<a style="font-size: 10px" onclick="return confirm('Apakah anda ingin menghapus topik ini ?')" href="http://127.0.0.1:8000/android23/topic/delete/7" class="btn btn-sm btn-outline-danger">
<i class="fas fa-trash"></i>
</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" style="max-width: 80%;">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Tambah Materi Baru</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<form method="POST" action="{{ url('php/teacher/topics/simpan') }}" enctype="multipart/form-data">
@csrf
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="form-group" style="margin-bottom: 20px;">
<input type="hidden" name="id" class="form-control" value="{{ $id }}" placeholder="Title" />
<input type="text" name="title" class="form-control" placeholder="Title" />
</div>
<div class="form-group" style="margin-bottom: 20px;">
<input type="text" name="caption" class="form-control" placeholder="Caption" />
</div>
<div class="form-group">
<textarea id="myeditorinstance" name="editor" placeholder="Keterangan Materi"></textarea>
</div>
<div class="form-group" style="margin-bottom: 20px;">
<label>Upload Materi</label>
<input type="file" name="materials" class="form-control" />
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" style="margin-left: 10px; width: 160px;">
<i class="fas fa-key" style="margin-right: 5px;"></i>Simpan Materi
</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="modal_file" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" style="max-width: 80%;">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Detail File</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div id="hasil">
</div>
</div>
</div>
</div>
</div>
</section>
<script>
function get_file_materi(id) {
var csrfToken = $('meta[name="csrf-token"]').attr('content');
// Menambahkan CSRF token ke setiap permintaan AJAX
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': csrfToken
}
});
$.ajax({
type: "POST",
url: "{{ url('/php/teacher/topics/get_file') }}",
data: { kode: id },
dataType: 'html',
success: function(res) {
$("#hasil").html(res);
},
error: function(xhr, status, error) {
console.error(xhr.responseText);
}
});
}
</script>
@endsection