@if ($type == 'add')
    <div class="column is-12" id="column_contract">
        <div id="contract_container">
            <div class="control">
                <label class="fs-12 fw-400 text-grey">
                    Contract<sup class="text-danger">*</sup>
                </label>
                <div class="field has-addons">
                    <p class="control is-expanded">
                        <input name="contract_departmen[]" class="input" type="text"
                            placeholder="Department">
                    </p>
                    <p class="control is-expanded">
                        <input name="contract_number[]" class="input" type="text" placeholder="Contract Number">
                    </p>
                    <p class="control is-expanded">
                        <input name="contract_name[]" class="input" type="text" placeholder="Contract Name">
                    </p>
                    <p class="control is-expanded">
                        <span class="form-icon"
                            style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%);color:goldenrod">
                            <i class="lnil lnil-calendar"></i>
                        </span>
                        <input id="contract_period" name="contract_period[]" class="input contract-period"
                            style="padding-left: 30px" placeholder="Contract Periode" />
                    </p>
                    <p class="control is-expanded">
                        <select name="contract_user[]" class="input" id="contract_user_{{ $unique_id }}">
                            <option value="">-Select Contract User-</option>
                            @foreach ($contract_user as $item)
                                <option value="{{ $item['id'] }}">{{ $item['name'] }}</option>
                            @endforeach
                        </select>
                    </p>
                    <p class="control">
                        <a class="button is-success" id="add_field_contract">
                            <i class="fas fa-plus-circle"></i>
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
@else
    <div class="control mt-3">
        <div class="field has-addons">
            <p class="control is-expanded">
                <input name="contract_departmen[]" id="contract_departmen_{{ $unique_id }}" class="input" type="text"
                    placeholder="Department">
            </p>
            <p class="control is-expanded">
                <input name="contract_number[]" id="contract_number_{{ $unique_id }}" class="input" type="text"
                    placeholder="Contract Number">
            </p>
            <p class="control is-expanded">
                <input name="contract_name[]" id="contract_name_{{ $unique_id }}" class="input" type="text"
                    placeholder="Contract Name">
            </p>
            <p class="control is-expanded">
                <span class="form-icon"
                    style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%);color:goldenrod">
                    <i class="lnil lnil-calendar"></i>
                </span>
                <input id="contract_period_{{ $unique_id }}" name="contract_period[]" class="input contract-period"
                    style="padding-left: 30px" placeholder="Contract Periode" />
            </p>
            <p class="control is-expanded" id="contract_user_select_{{ $unique_id }}">
                <select name="contract_user[]" class="input" id="contract_user_{{ $unique_id }}">
                    <option value="">-Select Contract User-</option>
                    @foreach ($contract_user as $item)
                        <option value="{{ $item['id'] }}">{{ $item['name'] }}</option>
                    @endforeach
                </select>
            </p>
            <p class="control">
                <a class="button is-danger remove-field-contract">
                    <i class="fas fa-minus-circle"></i>
                </a>
            </p>
        </div>
    </div>
@endif