@extends('layouts.app')
{{-- title --}}
@section('title','Sekolah')
{{-- vendor scripts --}}
@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/forms/select/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/pickers/pickadate/pickadate.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/extensions/toastr.css')}}">
@endsection
{{-- page-styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/plugins/forms/validation/form-validation.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/plugins/extensions/toastr.css')}}">
@endsection
@section('content')

<!-- Multiple Rules Validation start -->
<section class="multiple-validation">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">Edit @yield('title')</h4>
        </div>
        <div class="card-content">
          <div class="card-body">
            <div class="row">


              
              <div class="col-sm-6">
                <div class="form-group">
                  <label>NPSN</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="room_code" class="form-control  @error('npsn') is-invalid @enderror" placeholder="NPSN" required data-validation-required-message="This name field is required" value="{{isset($school) ? $school->npsn : old('npsn')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>Nama Sekolah</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="name" class="form-control  @error('name') is-invalid @enderror" placeholder="Nama" required data-validation-required-message="This name field is required" value="{{isset($school) ? $school->name : old('name')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>NIP / NIY</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="nip" class="form-control  @error('nip') is-invalid @enderror" placeholder="NIP" required data-validation-required-message="This nip field is required" value="{{isset($school) ? $school->nip : old('nip')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>Nama Kepala Sekolah</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="headschool" class="form-control  @error('headschool') is-invalid @enderror" placeholder="Nama Kepala Sekolah" required data-validation-required-message="This Nama Kepala Sekolah field is required" value="{{isset($school) ? $school->headschool : old('headschool')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>



              <div class="col-sm-6">
                <div class="form-group">
                  <label>Email</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="email" name="email" class="form-control  @error('email') is-invalid @enderror" placeholder="Email" required data-validation-required-message="This email field is required" value="{{isset($school) ? $school->email : old('email')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              
              <div class="col-sm-6">
                <div class="form-group">
                  <label>NUPTK</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="nuptk" class="form-control  @error('nuptk') is-invalid @enderror" placeholder="NUPTK" required data-validation-required-message="This nuptk field is required" value="{{isset($school) ? $school->nuptk : old('nuptk')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>No. Hp</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="phone" class="form-control  @error('phone') is-invalid @enderror" placeholder="No. Hp" required data-validation-required-message="This phone field is required" value="{{isset($school) ? $school->phone : old('phone')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>Akreditasi</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="accredetation" class="form-control  @error('accredetation') is-invalid @enderror" placeholder="Akreditasi" required data-validation-required-message="This accredetation field is required" value="{{isset($school) ? $school->accredetation : old('accredetation')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>Izin Oprasional</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="oprational" class="form-control  @error('oprational') is-invalid @enderror" placeholder="Izin Oprasional" required data-validation-required-message="This Akreditasi field is required" value="{{isset($school) ? $school->oprational : old('oprational')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>Tanggal Berdiri Sekolah</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="since_date" class="form-control  @error('since_date') is-invalid @enderror" placeholder="Berdiri Sekolah" required data-validation-required-message="This Berdiri Sekolah field is required" value="{{isset($school) ? $school->since_date : old('since_date')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>Website</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="website" class="form-control  @error('since_date') is-invalid @enderror" placeholder="Website Sekolah" required data-validation-required-message="This Website Sekolah field is required" value="{{isset($school) ? $school->website : old('website')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>Tanggal Berdiri Sekolah</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="since_date" class="form-control  @error('since_date') is-invalid @enderror" placeholder="Berdiri Sekolah" required data-validation-required-message="This Berdiri Sekolah field is required" value="{{isset($school) ? $school->since_date : old('since_date')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-12">
                <div class="form-group">
                  <label>Alamat Sekolah</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <textarea class="form-control" id="school_address" name="school_address" rows="3" placeholder="" disabled>{{isset($school) ? $school->school_address : old('school_address')}}</textarea>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>


              <div class="col-sm-6">
                <div class="form-group">
                  <label>Longitude</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="longitude" class="form-control  @error('longitude') is-invalid @enderror" placeholder="Longitude" required data-validation-required-message="This Longitude field is required" value="{{isset($school) ? $school->longitude : old('longitude')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-6">
                <div class="form-group">
                  <label>Latitude</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="latitude" class="form-control  @error('latitude') is-invalid @enderror" placeholder="Latitude" required data-validation-required-message="This Latitude field is required" value="{{isset($school) ? $school->latitude : old('latitude')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-sm-3">
              </div>

              <div class="col-sm-3 {{isset($school) && $school->logo ? 'cursor-pointer show-doc' : 'cursor-not-allowed' }}" @if (isset($school) && $school->logo)
                data-name="{{$school->logo}}"
                @endif>
                <img src="{{ asset('images/pdf.png') }}" height="50">
                <small class="text-muted ml-1 attchement-text">Logo</small>
              </div>

              <div class="col-sm-3 {{isset($school) && $school->signature ? 'cursor-pointer show-doc' : 'cursor-not-allowed' }}" @if (isset($school) && $school->signature)
                data-name="{{$school->signature}}"
                @endif>
                <img src="{{ asset('images/pdf.png') }}" height="50">
                <small class="text-muted ml-1 attchement-text">Tanda Tangan Kepala Sekolah</small>
              </div>

              <div class="col-sm-3">
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Multiple Rule Validation end -->

@endsection
{{-- vendor scripts --}}
@section('vendor-scripts')
<script src="{{asset('vendors/js/forms/select/select2.full.min.js')}}"></script>
<script src="{{asset('vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.date.js')}}"></script>
@endsection

{{-- page scripts --}}
@section('page-scripts')
<script src="{{asset('js/scripts/forms/select/form-select2.js')}}"></script>
<script src="{{asset  ('js/scripts/forms/validation/form-validation.js')}}"></script>
<script src="{{asset('vendors/js/extensions/toastr.min.js')}}"></script>

<script>
  $(document).ready(function() {
    // Basic date
    $('.pickadate').pickadate({
      format: 'yyyy-mm-dd',
      selectYears: true,
      selectMonths: true
    });

  
  });

  $(document).on('click', '.show-doc', function (e) {
    const file_name = $(this).attr("data-name")
    window.open(`${api}/master-data/schools/show-document/${file_name}`, '_blank');
  })
</script>
@endsection