@extends(str_contains(Route::currentRouteName(), 'student') ? 'layouts.student' : 'layouts.admin')
@section('page-title', '')
@section('breadcrumb')
    @include('admin.partials.crumb', [
        'crumbs' => [
            route('admin.dashboard') => __('default.dashboard'),
            route('admin.prestasi.add') => 'Prestasi',
            '#' => isset($pageTitle) ? $pageTitle : '',
        ],
    ])
@endsection
@section('content')
    <div>
        <div class="card">
            <div class="card-header">
                <strong>Edit Prestasi</strong>
            </div>
            <div class="card-body">
                <form enctype="multipart/form-data" action="{{ route(str_contains(Route::currentRouteName(), 'student') ? 'student.prestasi.update' : 'admin.prestasi.update', $prestasi->uuid) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="nama">Nama</label>
                                <input name="nama" type="text" class="form-control" required="required" id="nama" placeholder="Nama" value="{{ $prestasi->nama }}">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="email">Email</label>

                                @if (request()->user()->can('access', 'prestasi_add_staff'))
                                <div>
                                    <input name="email" type="email" class="form-control" required="required"
                                        id="email" placeholder="Email" value="{{ $prestasi->email }}">
                                    <p class="help-block"></p>
                                    <ul></ul>
                                    <p></p>
                                </div>
                                @else
                                    <div>
                                        <input name="email" type="email" class="form-control" required="required"
                                            id="email" placeholder="Email" value="{{ $prestasi->email }}" readonly>
                                        <p class="help-block"></p>
                                        <ul></ul>
                                        <p></p>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="prestasi">Prestasi</label>
                                <input name="prestasi" type="text" class="form-control" required="required" id="prestasi" placeholder="Prestasi" value="{{ $prestasi->prestasi }}">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="jenis_prestasi">Jenis Prestasi</label>
                                <select type="select" name="jenis_prestasi" class="form-control select2" data-options="required:true" required="required" id="jenis_prestasi">
                                    <option value="Akademik" {{ $prestasi->jenis_prestasi === 'Akademik' ? 'selected' : '' }}>Akademik</option>
                                    <option value="Non Akademik" {{ $prestasi->jenis_prestasi === 'Non Akademik' ? 'selected' : '' }}>Non-Akademik</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="note">Note</label>
                                <textarea name="note" type="text" class="form-control" required="required" id="note" placeholder="Note">{{ $prestasi->note }}</textarea>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="bukti">Upload Bukti</label>
                                <input name="bukti" type="file" class="form-control" id="bukti" placeholder="Upload Bukti" accept=".docx, .doc, .jpeg, .jpg, .png, .pdf">
                            </div>
                        </div>
                    </div>
                    <div class="form-footer">
                        <button type="submit" class="btn btn-primary btn-lg btn-block"><i class="fa fa-save"></i> Edit</button>
                    </div>
                </form>
            </div>
        </div>
        <!--end .box -->
    </div>
    <!--end .col-lg-12 -->
@endsection
@section('footer')
<script>
	$(document).ready(function() {
		$("#email").select2({
		tags: true
		});
		
		$("#btn-add-email").on("click", function(){
		var newStateVal = $("#new-email").val();
		// Set the value, creating a new option if necessary
		if ($("#email").find("option[value=" + newStateVal + "]").length) {
			$("#email").val(newStateVal).trigger("change");
		} else { 
			// Create the DOM option that is pre-selected by default
			var newState = new Option(newStateVal, newStateVal, true, true);
			// Append it to the select
			$("#email").append(newState).trigger('change');
		} 
		});  
	});
</script>
@endsection