@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>Jalur PendaftaraN</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">

        {{-- tambahkan data --}}
        <div class="">
          <div class="float-end d-none d-sm-block">
            <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#tambahdata">Tambah Jalur</button>

            <div id="tambahdata" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
              aria-hidden="true">
              <div class="modal-dialog">
                <form class="custom-validation" novalidate action="/masterdata/jalur-pendaftaran/store" method="POST">
                  @csrf
                  @method('post')

                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title mt-0" id="myModalLabel">Tambahkan Jalur Pendaftaran</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">
                            Nama Jalur Pendaftaran
                          </label>
                          <input placeholder="Masukkan Nama Jalur" name='nama' class="form-control" />
                        </div>
                      </div>

                      <div class="row mb-2">
                        <div class="col">
                          <label class="form-label">
                            Kode Jalur
                          </label>
                          <input placeholder="Masukkan Kode Jalur" required name='code' class="form-control" />
                        </div>
                      </div>

                      <div class="row">
                        <div class="mb-2">
                          <div class="form-group col">
                            <label for="">Status</label>
                            <select value="1" name="status" required class="form-control form-select"
                              id="filter">
                              <option value="1" selected>Aktif</option>
                              <option value="0">Nonaktif</option>
                            </select>
                          </div>
                        </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><!-- /.modal-content -->
                </form>
              </div>
            </div>
          </div>
        </div>

        {{-- table data --}}

				<div class="overflow-auto" >

					<table class="table table-bordered table-striped table-hover rounded mt-2">
						<thead class="bg-primary text-white">
							<tr>
								<th style="width:20px">No</th>
								<th>Jalur Masuk</th>
								<th>Kode Jalur</th>
								<th>Status</th>
								<th>Aksi</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($jalurs as $index => $jalur)
								<tr>
									<td>{{ $index + 1 + ($page_detail['page'] - 1) * $page_detail['per_page'] }}</td>
									<td>{{ $jalur->name }}</td>
									<td>{{ $jalur->code }}</td>
									<td>
										@if ($jalur->status == 1)
											<span class="badge p-2 rounded-pill bg-success">Aktif</span>
										@else
											<span class="badge p-2 rounded-pill bg-danger">Nonaktif</span>
										@endif
									</td>
									<td>
										<button class="btn btn-outline-primary btn-sm" data-bs-toggle="modal"
											data-bs-target="#edit{{ $jalur->id }}">
											<i class="fa fa-pencil"></i>
										</button>

										<div id="edit{{ $jalur->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/jalur-pendaftaran/update/{{ $jalur->id }}" method="POST">
													@csrf
													@method('put')
													<div class="modal-content">
														<div class="modal-header">
															<h5 class="modal-title mt-0" id="myModalLabel">Update Jalur Pendaftaran</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">
																		Nama Jalur Pendaftaran
																	</label>
																	<input value="{{ $jalur->name }}" required name="nama"
																		placeholder="Masukkan Nama Jalur" class="form-control" />
																</div>
															</div>

															<div class="row mb-2">
																<div class="col">
																	<label class="form-label">
																		Kode Jalur
																	</label>
																	<input value="{{ $jalur->code }}" required name="code"
																		placeholder="Masukkan Nama Jalur" class="form-control" />
																</div>
															</div>

															<div class="row">
																<div class="mb-2">
																	<div class="form-group col">
																		<label for="">Status</label>
																		<select value="{{ $jalur->status }}" required name="status"
																			class="form-control form-select" id="filter">
																			<option @if ($jalur->status == 1) selected @endif value="1">Aktif
																			</option>
																			<option @if ($jalur->status == 0) selected @endif value="0">Nonaktif
																			</option>
																		</select>
																	</div>
																</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><!-- /.modal-content -->
												</form>
											</div>
										</div>
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>

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


        {{-- on later --}}


        {{ $jalurs->links('pagination::bootstrap-4') }}


        {{-- on later --}}
        {{-- {{ $fakultas->links('pagination::bootstrap-4') }} --}}
      </div>
    </div>
  </div>
@endsection