@extends('admin.setting.department.index')

@section('department_sub_content')
    <div class="setting-layout-body">
        <div class="add-company">
            <div class="add-company-body">
                <form method="POST" class="add-company-form" enctype="multipart/form-data">
                    @csrf
                    <div class="card style-two w-100">
                        <div class="card-header">
                            <div class="d-flex flex-wrap justify-content-between w-100">
                                <h5 class="card-title">@lang('Customize form builder')</h5>
                                <button type="button" class="btn btn--base btn--sm form-generate-btn"> <i class="la la-plus"></i> @lang('Add')</button>
                            </div>
                        </div>
                        <div class="card-body">
                            <input type="hidden" name="department" value="{{ $department->id }}">

                            <x-generated-form :form="$department->form" />

                            <button class="btn btn--base btn--md w-100">
                                @lang('Submit')
                            </button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>

    <x-form-generator-modal />
@endsection

@push('style')
    <style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            margin-top: 9px !important;
        }
    </style>
@endpush

