@extends(getTemplate() .'.panel.layouts.panel_layout')

@push('styles_top')
    <link rel="stylesheet" href="/assets/default/vendors/select2/select2.min.css">
@endpush

@section('content')
    <section>
        <h2 class="section-title">{{ trans('panel.organisation_setup') }}</h2>

        <div class="panel-section-card py-20 px-25 mt-20">
            <form action="{{ route('organisation_complete_setup', $organisation->id) }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="row">
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label class="input-label">{{ trans('public.name') }}</label>
                            <input type="text" name="organ_name" value="{{ old('organ_name', $organisation->organ_name) }}" class="form-control @error('organ_name') is-invalid @enderror" placeholder="{{ trans('public.name') }}" required/>
                            @error('organ_name')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label class="input-label">{{ trans('public.student_limit') }}</label>
                            <input type="number" name="student_limit" value="{{ old('student_limit', $organisation->student_limit) }}" class="form-control @error('student_limit') is-invalid @enderror" placeholder="{{ trans('public.student_limit') }}"/>
                            @error('student_limit')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label class="input-label">{{ trans('public.logo') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button type="button" class="input-group-text panel-file-manager" data-input="organ_logo" data-preview="holder">
                                        <i data-feather="upload" width="18" height="18" class="text-white"></i>
                                    </button>
                                </div>
                                <input type="text" name="organ_logo" id="organ_logo" value="{{ old('organ_logo', $organisation->organ_logo) }}" class="form-control @error('organ_logo') is-invalid @enderror" placeholder="{{ trans('public.logo_placeholder') }}"/>
                                @error('organ_logo')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="input-label">{{ trans('public.description') }}</label>
                            <textarea name="description" rows="4" class="form-control @error('description') is-invalid @enderror" placeholder="{{ trans('public.description_placeholder') }}">{{ old('description', $organisation->description) }}</textarea>
                            @error('description')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="mt-30 d-flex align-items-center justify-content-end">
                    <button type="submit" class="btn btn-primary">{{ trans('public.complete_setup') }}</button>
                </div>
            </form>
        </div>
    </section>
@endsection

@push('scripts_bottom')
    <script src="/assets/default/vendors/select2/select2.min.js"></script>
    <script src="/assets/default/js/panel/organization_setup.min.js"></script>
@endpush