amaludjir/Amal_Udjir
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
4ab002eb27
Amal_Udjir/resources/views/android/student/material/index.blade.php

230 lines
33 KiB
PHP
Raw Normal View History

Update Terakhir Iclop Codeception
2025-04-22 03:10:07 +00:00
@extends('android.layouts.main')
@section('main-content')
<main class="col-md-9">
<div class="content" id="start-learning">
<p style="font-size: 24px; font-weight: 500; color: #34364A;">Start Learning</p>
<div>
<div class="container mt-4">
<!-- NAV TAB -->
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" id="learning-tab" data-toggle="tab" href="#learning">Learning Topic</a>
</li>
<li class="nav-item">
<a class="nav-link" id="finished-tab" data-toggle="tab" href="#finished">Topic Finished</a>
</li>
</ul>
<!-- TAB CONTENT -->
<div class="tab-content mt-3">
<div class="tab-pane fade show active" id="learning">
@foreach ( $data_keseluruhan AS $isi )
@if ( $isi->status_waiting != "complete" )
<div class="row">
<div class="col">
<div class="p-3">{{ $isi->title }}</div>
</div>
<div class="col" style="text-align: right;">
@if ( $isi->status_waiting == "enroll" && $isi->total_task > 0 )
<div class="custom-button-detail">
<p class="button-text" data-toggle="modal" data-target="#popup-enroll-{{ $isi->id }}" >
<i class="fas fa-key" style="margin-right: 5px;"></i> <!-- Ikon kunci -->
Enroll Material
</p>
</div>
<div class="modal fade" id="popup-enroll-{{ $isi->id }}">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-sm">Diperbarui pada {{ date('d F Y', strtotime( $isi->updated_at )) }}</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-5">
<div class="text-center">
@php echo svg() @endphp
</div>
<h5>Materi {{ $isi->title }}</h5>
<span class="text-sm">Memiliki {{ $isi->total_task }} materi yang akan dibahas secara detail</span>
</div>
<div class="col-md-7">
<b>Prerequisite knowledge : </b>
<div class="text-sm" style="margin-bottom: 20px">
1. Menguasai fundamental pemrogaman Java<br>
2. Paham dengan konsep Pemrogaman Berbasis Objek
</div>
<b>Requirement : </b>
<div class="text-sm mb-10" style="margin-bottom: 20px">
1. 64-bit Microsoft® Windows® 8/10/11.<br>
2. Setidaknya memiliki RAM 8 GB atau lebih<br>
3. Penyimpanan minimal 8 GB (IDE + Android SDK + Emulator)<br>
4. Memiliki resolusi minimal 1280 x 800
</div>
<b>Tools : </b><br>
<div class="row">
<div class="col-md-4 text-center text-sm">
<a href="https://developer.android.com/studio">
<img style="width: 38px; height: 40px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Android_Studio_Icon_%282014-2019%29.svg/1200px-Android_Studio_Icon_%282014-2019%29.svg.png" alt="">
</a>
<br>
Android Studio
</div>
<div class="col-md-4 text-center text-sm">
<a href="https://github.com/">
<img style="width: 40px; height: 40px; object-fit: cover" src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="">
</a>
<br>
Github
</div>
<div class="col-md-4 text-center text-sm">
<a href="https://github.com/">
<img style="width: 40px; height: 40px; object-fit: cover" src="https://www.nesabamedia.com/wp-content/uploads/2018/08/Logo-Download-Java-SE-Development-Kit-JDK.png" alt="">
</a>
<br>
JDK
</div>
</div>
</div>
</div>
</div>
<form action="{{ url('android23/material/enroll/'. $isi->id) }}" method="POST">
@csrf
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
<button class="btn btn-primary">Enroll Materi</button>
</div>
</form>
</div>
</div>
</div>
@elseif ( $isi->status_waiting == "process" || $isi->status_waiting == "review" )
<div class="custom-button-detail">
<p class="button-text" href="{{ route('task', $isi->id) }}">
<i class="fas fa-key" style="margin-right: 5px;"></i> <!-- Ikon kunci -->
Material Details
</p>
</div>
@else
<div class="custom-button-detail">
<p class="button-text">
<i class="fas fa-key" style="margin-right: 5px;"></i> <!-- Ikon kunci -->
Belum Tersedia
</p>
</div>
@endif
</div>
</div>
@endif
@endforeach
</div>
<div class="tab-pane fade" id="finished">
@foreach ( $data_keseluruhan AS $isi )
@if ( $isi->status_waiting == "complete" )
<div class="row">
<div class="col">
<div class="p-3">{{ $isi->title }}</div>
</div>
<div class="col" style="text-align: right;">
<div class="custom-button-detail">
@php
$url = route('task', $isi->id);
@endphp
<p class="button-text" onclick="window.location.href='{{ $url }}'">
<i class="fas fa-key" style="margin-right: 5px;"></i> <!-- Ikon kunci -->
Material Details
</p>
</div>
</div>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
</div>
<div id="validation" class="content" style="display: none;">
<h1>Validation Result</h1>
<p>This is the products content.</p>
</div>
<div id="rank" class="content" style="display: none;">
<h1>Top 20 Rank</h1>
<p>This is the orders content.</p>
</div>
<div id="settings" class="content" style="display: none;">
<h1>Settings</h1>
<p>Possible account settings
needed<br>during the learning process</p>
<div class="container">
<div class="row">
<div class="col">
<div class="custom-card">
<img src="./images/profile.png" alt="Image 1" class="circle-image">
<h2 class="custom-title">My Profile</h2>
<p class="custom-subtitle">Ubah data diri kamu</p>
{{-- <button type="button" class="btn btn-primary custom-button"><p class="button-text">Edit Now</p></button> --}}
<div class="custom-button">
<p class="button-text">Edit Now</p>
</div>
</div>
</div>
<div class="col">
<div class="custom-card">
<img src="./images/my-password.png" alt="Image 2" class="circle-image">
<h2 class="custom-title">My Password</h2>
<p class="custom-subtitle">Ganti kata sandimu</p>
<div class="custom-button">
<p class="button-text">Change Now</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
@php
function svg() {
return '<svg style="width: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 855.47002 681.75536" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M571.5975,149.33241c-.12527,.02138-.31293,.05318-.54042,.09083-4.45166,.73689-31.36603,4.88942-58.50119-5.44719-11.49536-4.37895-7.57399-5.47034-33.17593-20.69436-30.0155-17.84848-37.71851-17.72375-39.95371-26.04619-4.46318-16.61855,19.36904-42.74324,35.1434-41.02317,4.15301,.45287,8.60071,2.92883,15.5185,1.24997,1.51988-.36885,8.17314-1.9835,11.41664-7.49075,2.89343-4.91287,.44277-8.45685,1.60645-12.4861,3.0544-10.57625,28.51545-15.85436,50.83788-12.12509,12.83894,2.14495,22.82514,8.00077,42.27314,19.62489,33.85001,20.23208,50.77483,30.34814,54.57873,45.84706,3.60544,14.69016-5.04806,21.02,1.24544,36.74533,5.86013,14.64221,15.16756,13.66425,18.3704,25.50919,5.15408,19.06075-13.97551,39.98007-21.94432,48.69443-8.73679,9.55424-17.0924,14.79793-28.18511,21.75929-13.92329,8.73773-20.88475,13.10657-29.25457,12.66208-15.17489-.8059-60.26717,1.93742-60.85533-10.62024-.22038-4.70619-54.90973-.85278-27.98046-51.52012,3.30301-6.2146,68.00945,.42355,68.86346-3.14656" fill="#2f2e41"/><polygon points="597.78694 181.75476 644.29875 251.13271 510.78694 278.13271 519.29088 191.27409 597.78694 181.75476" fill="#ffb6b6"/><polygon points="597.78694 181.75476 644.29875 251.13271 510.78694 278.13271 519.29088 191.27409 597.78694 181.75476" opacity=".1"/><polygon points="500.78694 233.13271 644.78694 227.13271 708.78694 262.13271 705.78694 487.13271 772.78694 614.13271 434.78694 550.13271 460.78694 454.13271 448.78694 252.13271 500.78694 233.13271" fill="#f9a826"/><path d="M3.87807,670.23562c-4.5973-7.24667-5.14023-16.20053-1.45205-23.95072l54.80692-115.15585c4.0904-8.59445,12.88363-14.14749,22.40161-14.14749H771.88865c9.25309,0,17.67165,5.09022,21.9693,13.28457l58.74558,111.9822c4.06073,7.74086,3.79329,16.83204-.71458,24.32114-4.50787,7.48825-12.41699,11.97917-21.15724,12.01393l-805.80659,3.17195h-.10087c-8.54232,0-16.36752-4.30104-20.94617-11.51974Z" fill="#fff"/><path d="M3.87807,670.23562c-4.5973-7.24667-5.14023-16.20053-1.45205-23.95072l54.80692-115.15585c4.0904-8.59445,12.88363-14.14749,22.40161-14.14749H771.88865c9.25309,0,17.67165,5.09022,21.9693,13.28457l58.74558,111.9822c4.06073,7.74086,3.79329,16.83204-.71458,24.32114-4.50787,7.48825-12.41699,11.97917-21.15724,12.01393l-805.80659,3.17195h-.10087c-8.54232,0-16.36752-4.30104-20.94617-11.51974Zm75.75648-150.65004c-8.51901,0-16.38914,4.9707-20.05019,12.66239L4.77744,647.40382c-3.30122,6.93643-2.81551,14.95023,1.29947,21.4374,4.09845,6.46089,11.10142,10.31012,18.74776,10.31012h.09028l805.80659-3.17195c7.82266-.03052,14.90191-4.05098,18.93637-10.75345,4.03488-6.70247,4.27392-14.84003,.63999-21.76714l-58.74558-111.9839c-3.84712-7.33313-11.38157-11.88932-19.66366-11.88932H79.63456Z" fill="#3f3d56"/><path d="M707.43831,637.73232l-285.67432-19.64063c-4.21777-.29004-7.58154-3.13379-8.56934-7.24414-.98828-4.11035,.71582-8.17187,4.34082-10.34668l63.1709-37.90332c1.604-.96289,3.44385-1.43066,5.30908-1.34082l247.10596,11.23242c3.26709,.14746,6.18506,1.93164,7.80566,4.77246,1.62109,2.83984,1.67236,6.25977,.13818,9.14746l-24.60254,46.31152c-1.65137,3.1084-4.88867,5.03418-8.37402,5.03418-.21582,0-.43311-.00781-.65039-.02246Z" fill="#3f3d56"/><polygon points="419.28694 606.63271 703.78694 626.13271 726.28694 577.63271 482.34011 568.06586 419.28694 606.63271" fill="#fff"/><circle cx="559.28673" cy="119.63292" r="85.492" fill="#ffb6b6"/><path d="M586.82325,125.16526c-.12527,.02138-.31293,.05318-.54042,.09083-4.45166,.73689-31.36603,4.88942-58.50119-5.44719-11.49536-4.37895-7.57399-5.47034-33.17593-20.69436-30.0155-17.84848-37.71851-17.72375-39.95371-26.04619-4.46318-16.61855,19.36904-42.74324,35.1434-41.02317,4.15301,.45287,8.60071,2.92883,15.5185,1.24997,1.51988-.36885,8.17314-1.9835,11.41664-7.49075,2.89343-4.91287,.44277-8.45685,1.60645-12.4861,3.0544-10.57625,28.51545-15.85436,50.83788-12.12509,12.83894,2.14495,22.82514,8.00077,42.27314,19.62489,33.85001,20.23208,50.77483,30.34814,54.57873,45.84706,3.60544,14.69016-5.04806,21.02,1.24544,
}
@endphp
@endsection
Reference in New Issue Copy Permalink