@extends('auth::layouts.morvinnav')

@section('main')
  <div class="page-title-box">
    <div class="container-fluid">
      <div class="row align-items-center">
        <div class="col-sm-6">
          <div class="page-title">
            <h4>KAPASITAS PRODI</h4>
            <ol class="breadcrumb m-0">
              @foreach ($routes as $key => $route)
                <li class="breadcrumb-item"><a href="{{ $route }}">{{ $key }}</a></li>
              @endforeach
            </ol>
          </div>
        </div>

      </div>
    </div>
  </div>


  <div class="container-fluid">
    <div class="page-content-wrapper">
      @if (Session::has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">

          <strong> {{ Session::get('success') }}</strong>
        </div>
      @endif

      @if ($errors->any())
        {!! implode(
            '',
            $errors->all('<div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                                                                                                                                                                							<strong>:message</strong>
                                                                                                                                                                                                						</div>'),
        ) !!}
      @endif

      <div class="card p-3">
        {{-- search --}}
        <div class="d-flex flex-row align-items-end justify-content-start">
          {{-- filter --}}
          <div class="row" style="width : 400px">
            <form class="form-group col" method="GET">
              <label for="">Fakultas</label>
              <select class="form-control form-select" onchange="submit()" name='fakultas'
                value="{{ Request::get('fakultas') }}">
                <option @if (!Request::get('fakultas')) selected @endif value="">Pilih Fakultas...</option>
                @foreach ($pilihan_fakultas as $fakultas)
                  <option value="{{ $fakultas->id }}" @if ($fakultas->id == Request::get('fakultas')) selected @endif>
                    {{ $fakultas->name }}
                  </option>
                @endforeach
              </select>
            </form>
          </div>

          {{-- tambah data --}}


        </div>

        {{-- table --}}
				<div class="overflow-auto">

					<table class="table table-bordered rounded mt-2">
						<thead class="bg-primary text-white">
							<tr>
								<th style="width: 20px">No</th>
								<th>Program Studi</th>
								<th>Kapasitas Maksimal</th>
								<th>Aksi</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($prodis as $index => $prodi)
								<tr>
									<td>{{ $index + 1 + ($page_detail['page'] - 1) * $page_detail['per_page'] }}</td>
									<td>{{ $prodi->name }}</td>
									<td>{{ numberFormat($prodi->capasity) }}</td>
									<td>
										<button class="btn btn-sm btn-outline-primary" data-bs-target="#edit-{{ $prodi->id }}"
											data-bs-toggle="modal">
											<i class="fa fa-pencil" ></i>
										</button>

										<div id="edit-{{ $prodi->id }}" class="modal fade" tabindex="-1" role="dialog"
											aria-labelledby="myModalLabel" aria-hidden="true">
											<div class="modal-dialog">
												<form class="custom-validation" novalidate
													action="/masterdata/kapasitas-prodi/update/{{ $prodi->id }}" method="POST">
													@csrf
													@method('put')
													<div class="modal-content">
														<div class="modal-header">
															<h5 class="modal-title mt-0" id="myModalLabel">Update Kapasitas Program Studi</h5>
															<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">

															</button>
														</div>

														<div class="modal-body">


															<div class="row mb-2">
																<div class="col">
																	<label class="form-label">
																		Program Studi
																	</label>
																	<input disabled placeholder="" value="{{$prodi->name}}" class="form-control " />
																</div>
															</div>

															<div class="row mb-2">
																<div class="col">
																	<label class="form-label">
																		Kapasitas Prodi
																	</label>
																	<input  name="kapasitas" value={{ $prodi->capasity }}
																		required placeholder="Masukkan Kapasitas Prodi" class="form-control input-number" />
																</div>
															</div>

														</div>

														<div class="modal-footer">
															<button type="button" class="btn btn-secondary waves-effect"
																data-bs-dismiss="modal">Close</button>
															<button type="submit" class="btn btn-primary waves-effect waves-light">Simpan</button>
														</div>
													</div>
												</form>
											</div>
										</div>
									</td>
								</tr>
							@endforeach

						</tbody>
					</table>
				</div>

        <span class="mt-2 font-weight-bold"> Menampilkan data dari {{ $page_detail['awal'] }} sampai
          {{ $page_detail['end'] }} dengan total
          {{ $page_detail['total'] }} data </span>

        {{ $prodis->appends([
                'fakultas' => Request::get('fakultas'),
            ])->links('pagination::bootstrap-4') }}

      </div>
    </div>
  </div>
@endsection