@extends('layouts.master')

@section('title', 'Pekerjaan')

@section('breadcrumb')
<div class="row mb-2">
    <div class="col-sm-6">
        <h1 class="m-0">Pekerjaan</h1>
    </div>
    <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item">Pekerjaan</li>
            <li class="breadcrumb-item active">Create</li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header text-left">
                    <h5>Form Tambah Pekerjaan</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('pekerjaan.store') }}" method="post" autocomplete="off">
                        @csrf
                        @method('POST')
                        <div class="form-group">
                            <label>Nama Pekerjaan</label>
                            <input type="text" name="pekerjaan_nama" id="pekerjaan_nama" value="{{ old('pekerjaan_nama') }}" class="form-control" placeholder="Nama Pekerjaan">
                            @error('pekerjaan_nama')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>Status</label>
                            <select name="pekerjaan_active" id="pekerjaan_active" class="form-control" style="width: 100%;">
                                <option value=""></option>
                                <option @if(old('pekerjaan_active') == "1") selected @endif value="1">Aktif</option>
                                <option @if(old('pekerjaan_active') == "0") selected @endif value="0">Nonaktif</option>
                            </select>
                            @error('pekerjaan_active')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group text-center">
                            <hr>
                            <a href="{{ route('pekerjaan.index') }}" class="btn btn-secondary" style="width: 90px;"><i class="fa fa-times-circle"></i> Cancel</a>
                            <button type="submit" class="btn btn-success" style="width: 90px;"><i class="fa fa-check-circle"></i> Save</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('css')
<style>

</style>
@endsection

@section('js')
<script>
$(document).ready(function() {
    $('#pekerjaan_active').select2({
        theme: 'bootstrap4',
        placeholder: 'Pilih Status'
    });
});
</script>
@endsection