<html>

<x-head />

<body>

    <x-header />

    <div class="bradcam_area bradcam_bg_1">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="bradcam_text">
                        <h3>Добавление новой вакансии</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-5 mb-5">
        <div class="row">
            <div class="col-md-8 offset-md-2">
                <div class="card">
                    <div class="card-header text-center">
                        <h3>Добавить вакансию</h3>
                    </div>
                    <div class="card-body">
                        <form action="{{ Route('addjob') }}" method="post" class="add_job_form" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="name">Название</label>
                                <input type="text" class="form-control" id="name" name="name" placeholder="Enter name">
                            </div>
                            @error("name")
                            <div class="alert alert-danger">Поле названия не может быть пустым!</div>
                            @enderror
                            <div class="form-group">
                                <label for="job_count">Количество вакансий</label>
                                <input type="number" class="form-control" id="job_count" name="job_count" placeholder="Введите количество вакансий">
                            </div>
                            @error("job_count")
                            <div class="alert alert-danger">Поле количества вакансий не может быть пустым!</div>
                            @enderror
                            <div class="form-group">
                                <label for="salary">Зарплата</label>
                                <input type="number" class="form-control" id="salary" name="salary" placeholder="Enter salary">
                            </div>
                            @error("salary")
                            <div class="alert alert-danger">Поле зарплаты не может быть пустым!</div>
                            @enderror
                            <div class="form-group">
                                <label for="category">Категория</label></br>
                                <select class="form-control" id="category" name="category">
                                    @foreach($categories as $category)
                                        <option value="{{$category->id}}">{{$category->name}}</option>
                                    @endforeach
                                </select></br></br>
                            </div>
                            <div class="form-group">
                                <label for="city">Город</label></br>
                                <select class="form-control" id="city" name="city">
                                    @foreach($cities as $city)
                                        <option value="{{$city->id}}">{{$city->name}}</option>
                                    @endforeach
                                </select></br></br>
                            </div>
                            <div class="form-group">
                                <label for="jobnature">Характер работы</label></br>
                                <select class="form-control" id="jobnature" name="jobnature">
                                    <option value="Полный день">Полный день</option>
                                    <option value="Удаленная работа">Удаленная работа</option>
                                    <option value="Частичная занятость">Частичная занятость</option>
                                </select></br></br>
                            </div>
                            <div class="form-group">
                                <label for="description">Описание</label>
                                <textarea class="form-control" id="description" name="description" rows="3"></textarea>
                            </div>
                            @error("description")
                            <div class="alert alert-danger">Поле описания не может быть пустым!</div>
                            @enderror
                            <div class="form-group">
                                <label for="icon">Логотип вакансии</label>
                                <input type="file" class="form-control-file" id="icon" name="icon">
                            </div>
                            @error("icon")
                            <div class="alert alert-danger">Поле логотипа не может быть пустым!</div>
                            @enderror
                            <button type="submit" class="btn btn-success">Добавить вакансию</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <x-footer />

    <x-scripts />

</body>

</html>