{{ Form::open(array('url' => $action, 'method' => $method)) }}
    {{ Form::defRadio("gender", null, $user->gender, Common::gender(), 'col-md-1', $isRequired ? ['required'] : [],false) }}

    <div class="row">
        <div class="col-sm-6 col-md-4">
            {{ Form::defName('firstname', 'Nama Depan', $user->firstname, $isRequired ? ['required'] : []) }}
        </div>
        <div class="col-sm-6 col-md-4">
            {{ Form::defName('lastname', 'Nama Belakang', $user->lastname) }}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-4">
            {{ Form::defDropdown('card_type', 'Tipe Identitas', $card_types, $user->card_type, $isRequired ? ['class' => 'set-select2', 'required'] : ['class' => 'set-select2']) }}
        </div>
        <div class="col-sm-6 col-md-4">
            {{ Form::defName('card_number', 'No. Identitas', $user->card_number, $isRequired ? ['required'] : []) }}
        </div>
        <div class="col-sm-6 col-md-4">
            {{ Form::defDropdown('id_country', 'Kewarganegaraan', $countries, $user->id_country, $isRequired ? ['class' => 'set-select2', 'required'] : ['class' => 'set-select2']) }}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-4">
            {{ Form::defName('email', 'Email', $user->email, $isRequired ? ['class' => 'form-control email-mask', 'required'] : ['class' => 'form-control email-mask']) }}
        </div>
        <div class="col-sm-6 col-md-4">
            {{ Form::defName('phone', 'No. HP', $user->phone, $isRequired ? ['class' => 'form-control handphone-mask', 'required'] : ['class' => 'form-control handphone-mask']) }}
        </div>
        <div class="col-sm-6 col-md-4">
            {{ Form::defName('job_title', 'Pekerjaan', $user->job_title, $isRequired ? ['required'] : []) }}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-4">
            @php
            $role = ($user->role == 3) ? '1' : '0';
            @endphp
            <label>Status Member</label>
            {{ Form::defRadio("status", null, $role, [['id' => '0', 'name' => 'User'], ['id' => '1', 'name' => 'Member']], 'col-6', $isRequired ? ['required'] : [], false) }}
        </div>
    </div>

    <div class="mt-3 mb-4 text-primary">
        <span class="border-bottom border-secondary pb-2">
            <i class="fas fa-building"></i> &nbsp;<b>Perusahaan</b>
        </span>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-4">
            {{ Form::defName('company', 'Nama', $user->company, $isRequired ? ['required'] : []) }}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-4">
            {{ Form::defName('office_phone', 'No. Telepon', $user->office_phone, $isRequired ? ['required'] : []) }}
        </div>
        <div class="col-sm-6 col-md-4">
            {{ Form::defDropdown('office_industry', 'Industri', $industries, $user->office_industry, $isRequired ? ['class' => 'set-select2', 'required'] : ['class' => 'set-select2']) }}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-8">
            {{ Form::defdescription('office_address', 'Alamat', $user->office_address, $isRequired ? ['rows' => 5, 'required'] : ['rows' => 5]) }}
        </div>
    </div>

    <div class="mt-3 mb-4 text-primary">
        <span class="border-bottom border-secondary pb-2">
            <i class="fas fa-certificate"></i> &nbsp;<b>Kualifikasi Profesional</b>
        </span>
    </div>
    <div class="row">
        <div class="col-sm-4 col-md-3">
            <div class="form-group">
                <label>Pendidikan <small class="text-muted">( Opsional )</small></label>
                {{ Form::defDropdown('education', '', $education, $user->education, ['class' => 'set-select2'], false) }}
            </div>
        </div>
        <div class="col-sm-4 col-md-3">
            <div class="form-group">
                <label>Tahun <small class="text-muted">( Opsional )</small></label>
                {{ Form::defDropdown('year_qualification', '', $years, $user->year_qualification, ['class' => 'set-select2'], false) }}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-4">
            <div class="form-group">
                <label>Kualifikasi <small class="text-muted">( Opsional )</small></label>
                {{ Form::defDropdown('qualification', 'Kualifikasi (Opsional)', $qualications, $qualification, ['id' => 'qualification', 'class' => 'set-select2'], false) }}
            </div>
        </div>
        <div class="col-sm-6 col-md-4">
            <div class="form-group">
                <label>&nbsp;</label>
                {{ Form::defName('qualification_other', '', $qualification_other, ['id' => 'qualification-other', 'required', 'placeholder' => 'Lainnya...'], false) }}
            </div>
        </div>
    </div>

    <div class="mt-5">
        {{ Form::defSubmitDefault('SIMPAN') }}
        <a href="{{url()->previous()}}" class="btn btn-light btn-rounded">Kembali</a>
    </div>
{{ Form::close() }}

@push('styles')
<link rel="stylesheet" href="{{ asset('libraries/select2/css/select2.min.css') }}" />
@endpush

@push('scripts')
<script src="{{ asset('libraries/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('libraries/input-mask/inputmask.js') }}"></script>
<script src="{{ asset('libraries/input-mask/jquery.inputmask.js') }}"></script>
<script src="{{ asset('libraries/input-mask/inputmask.extensions.js') }}"></script>

<script>
var qualification_other = "{{ $qualification_other }}"

$(document).ready(function(){
    setSelect2()

    if (qualification_other == "")
        $("#qualification-other").attr("readonly", true)

    $(".handphone-mask").inputmask({alias: "handphone"})
    $(".email-mask").inputmask({alias: "email"})

    $("#qualification").change(function(){
        if ($(this).val() == "0")
            $("#qualification-other").removeAttr("readonly").val("").focus()
        else
            $("#qualification-other").attr("readonly", true).val("")
    })
})
</script>
@endpush