@extends('../template.main')

@section('title','Add Data')

@section('container')

@if(session('error'))
<div class="alert alert-error text-wrap">
    {{ session('error') }}
</div>
@endif

@section('add','active')

@if(count($errors)>0)
<div class="alert alert-danger text-wrap">
    <strong>Perhatian</strong><br />
    <ul>
        @foreach($errors->all() as $error)
            <li>{{$error}}</li>
        @endforeach
    </ul>
</div>
@endif


<div class="mx-3 mt-3 dark col-md-5 py-3">
    <h1><i class="fas fa-plus-circle mx-2"></i>ADD DATA</h1>
</div>

<form class="col-md-5 mx-3 p-5 pt-2 bg" action="{{ url('siswa',@$siswa->id) }}" method="post">
    @csrf

    @if(!empty($siswa))
      @method('PATCH')
    @endif
  <div class="form-group row">
    <label for="nis" class="col-sm-3 col-form-label"><i class="fas fa-id-card mr-2"></i>NIS</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="nis" name="nis" value="{{ old('nis', @$siswa->nis) }}" {{ !empty($siswa->nis)?"readonly":"" }} onmouseover="playAudio1()">
    </div>
  </div>
  <div class="form-group row">
    <label for="nama" class="col-sm-4 col-form-label" ><i class="fas fa-id-card mr-2"></i>Nama Lengkap</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="nama" name="namalengkap" value="{{ old('namalengkap', @$siswa->namalengkap) }}" onmouseover="playAudio1()">
    </div>
  </div>
  <fieldset class="form-group">
    <div class="row">
      <legend class="col-form-label col-sm-4 pt-0"><i class="fas fa-mars mr-2"></i>Jenis Kelamin</legend>
      <div class="col-sm-10">
        <div class="form-check">
          <input class="form-check-input" type="radio" name="jenkel" id="gridRadios1" value="P"  {{ old('jenkel',@$siswa->jenkel)=="P"?"checked":"" }} >
          <label class="form-check-label" for="gridRadios1">
          <i class="fas fa-female mx-2"></i>Perempuan
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="jenkel" id="gridRadios2" value="L"  {{ old('jenkel',@$siswa->jenkel)=="L"?"checked":"" }} >
          <label class="form-check-label" for="gridRadios2">
          <i class="fas fa-male mx-2"></i>Laki-Laki
          </label>
        </div>
      </div>
    </div>
  </fieldset>

  <div class="col-sm-6 form-group row align-items-center">
    <div class="col-auto my-1">
      <div>
        <label for="customControlAutosizing"><i class="fas fa-briefcase-medical mr-2"></i>Golongan Darah</label>
      </div>
    </div>
    <div class="col-md-10 my-1">
      <select class="custom-select mr-sm-2" id="" name="golongan_darah">
        <option selected value="">Pilih</option>
        <option value="A" {{ old('golongan_darah',@$siswa->golongan_darah)=="A"?"selected":"" }}>A</option>
        <option value="B" {{ old('golongan_darah',@$siswa->golongan_darah)=="B"?"selected":"" }}>B</option>
        <option value="O" {{ old('golongan_darah',@$siswa->golongan_darah)=="O"?"selected":"" }}>O</option>
        <option value="AB" {{ old('golongan_darah',@$siswa->golongan_darah)=="AB"?"selected":"" }}>AB</option>
      </select>
    </div>
  </div>

  <div class="form-group row my-3">
    <div class="col-sm-10 mb-2">
        <a href="{{ url()->previous() }}"><div class="btn btn-danger">Kembali</div></a>
        <button type="submit" class="btn btn-primary">Simpan</button>
    </div>
  </div>
</form>
@endsection