@extends('dashboard.base')

@section('content')

        <div class="container-fluid">
          <div class="animated fadeIn">
            <div class="row justify-content-md-center">
              <div class="col-sm-12 col-md-12 col-lg-8 col-xl-6">
                <div class="card">
                    <div class="card-header">
                        <h5 class="m-0">Tambah Riwayat Pegawai</h5>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('pegawai.riwayat.store', $id) }}" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Jabatan</label>
                                <select class="form-control" name="jabatan_id" id="jabatan">
                                    <option value="" disabled selected hidden></option>
                                    @foreach ($jabatans as $id => $jabatan)
                                        <option value="{{ $id }}" @if (old('jabatan') == $id) selected @endif>{{ $jabatan }}</option>
                                    @endforeach
                                </select>
                                @error('jabatan_id')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>TMT Jabatan</label>
                                <input type="date" class="form-control" name="tmt_jabatan" value="{{ old('tmt_jabatan') }}">
                                @error('tmt_jabatan')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>Pangkat / Golongan Ruang</label>
                                <select class="form-control" name="pangkat_id" id="pangkat">
                                    <option value="" disabled selected hidden></option>
                                    @foreach ($pangkats as $id => $pangkat)
                                        <option value="{{ $id }}" @if (old('pangkat') == $id) selected @endif>{{ $pangkat }}</option>
                                    @endforeach
                                </select>
                                @error('pangkat_id')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>TMT Pangkat / Golongan Ruang</label>
                                <input type="date" class="form-control" name="tmt_pangkat" value="{{ old('old_date') }}">
                                @error('tmt_pangkat')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>Gaji</label>
                                <input type="number" class="form-control" name="gaji_pokok" step="2" value="{{ old('gaji_pokok') }}">
                                @error('gaji_pokok')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>Tunjangan Kinerja</label>
                                <input type="number" class="form-control" name="tunjangan" step="2" value="{{ old('tunjangan') }}">
                                @error('tunjangan')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>Uang Makan</label>
                                <input type="number" class="form-control" name="uang_makan" step="2" value="{{ old('uang_makan') }}">
                                @error('uang_makan')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>Uang Transportasi</label>
                                <input type="number" class="form-control" name="uang_transportasi" step="2" value="{{ old('uang_transportasi') }}">
                                @error('uang_transportasi')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>Status</label><br>
                                <select class="form-control" name="status" id="status">
                                    <option value="1" @if (old('status') == 1) selected @endif>Aktif</option>
                                    <option value="2" @if (old('status') == 2) selected @endif>Nonaktif</option>
                                </select>
                                @error('status')
                                    <div class="alert alert-danger py-1 px-2 my-1">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="d-flex flex-row mt-4">
                                <button class="btn btn-primary mr-2" type="submit">{{ __('Simpan') }}</button>
                                <a href="{{ URL::previous() }}" class="btn btn-outline-dark">{{ __('Kembali') }}</a> 
                            </div>
                        </form>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>

@endsection

@section('javascript')
<script>
    $(document).ready(function(){
        $("#jabatan").select2({placeholder: "Pilih jabatan"});
        $("#pangkat").select2({placeholder: "Pilih pangkat"});
        $("#status").select2();
    });
</script>
@endsection