@inject('model', '\App\Domains\Auth\Models\User')
@inject('departments', '\App\Models\Department')

@extends('backend.layouts.app')

@section('title', __('Bulk Upload Student'))

@section('content')
    <x-forms.post :action="route('admin.auth.user.upload')" enctype="multipart/form-data">
        <x-backend.card>
            <x-slot name="header">
                @lang('Bulk Upload Student')
            </x-slot>

            <x-slot name="headerActions">
                <x-utils.link class="card-header-action" :href="route('admin.auth.user.index')" :text="__('Cancel')" />
            </x-slot>

            <x-slot name="body">
                <div x-data="{userType : '{{ $model::TYPE_USER }}'}">
                    <input type="hidden" name="type" value="{{ $model::TYPE_USER }}">
                    <div class="form-group row">
                        <label for="name" class="col-md-2 col-form-label">@lang('Level')</label>

                        <div class="col-md-10">
                            <select name="level" class="form-control" required x-on:change="level = $event.target.value">
                                <option value="" disabled selected>@lang('SELECT LEVEL')</option>
                                <option value="{{ $model::ND_I_M }}">@lang('ND I MORNING')</option>
                                <option value="{{ $model::ND_I_E }}">@lang('ND I EVENING')</option>
                                <option value="{{ $model::HND_I_M }}">@lang('HND I MORNING')</option>
                                <option value="{{ $model::HND_I_E }}">@lang('HND I EVENING')</option>
                            </select>
                        </div>
                    </div><!--form-group-->

                    <div class="form-group row">
                        <label for="file" class="col-md-2 col-form-label">@lang('Upload Student File')</label>

                        <div class="col-md-10">
                            <input type="file" name="name" class="form-control-file" accept=".xls,.xlsx" required>
                        </div>
                    </div><!--form-group-->
                </div>
            </x-slot>

            <x-slot name="footer">
                <button class="btn btn-sm btn-primary float-right" type="submit">@lang('Upload Student')</button>
            </x-slot>
        </x-backend.card>
    </x-forms.post>
@endsection