@extends('admin.layout.master')

@section('style')
    <link href="{{asset('assets/admin/js/datepicker/dist/datepicker.min.css')}}" rel="stylesheet" type="text/css"/>
@stop

@section('body')
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <h3 class="tile-title ">
                    {{$page_title}}
                </h3>
                <div class="tile-body">
                    <form role="form" method="POST" action="{{route('job-offers.store')}}" name="editForm"
                          enctype="multipart/form-data">
                        {{ csrf_field() }}

                        <div class="row">
                            <div class="col-md-6">
                                <h6> Title</h6>
                                <div class="input-group">
                                    <input type="text" class="form-control input-lg" value="{{ old('title') }}" name="title">
                                    <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="fa fa-font"></i>
                                        </span>
                                    </div>
                                </div>
                                @if ($errors->has('title'))
                                    <div class="error">{{ $errors->first('title') }}</div>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <h6> Location</h6>
                                <div class="input-group">
                                    <input type="text" class="form-control input-lg" value="{{ old('location') }}" name="location">
                                    <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="fa fa-globe"></i>
                                        </span>
                                    </div>
                                </div>
                                @if ($errors->has('location'))
                                    <div class="error">{{ $errors->first('location') }}</div>
                                @endif
                            </div>
                            <div class="col-md-4 mt-2">
                                <h6> Salary</h6>
                                <div class="input-group">
                                    <input type="text" class="form-control input-lg" value="{{ old('salary') }}" name="salary">
                                    <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="fa fa-dollar-sign"></i>
                                        </span>
                                    </div>
                                </div>
                                @if ($errors->has('salary'))
                                    <div class="error">{{ $errors->first('salary') }}</div>
                                @endif
                            </div>
                            <div class="col-md-4 mt-2">
                                <h6>Offer type</h6>
                                <select name="offer_type" class="form-control">
                                    <option value="" hidden selected>Select offer type</option>
                                    <option value="full_time">Full time</option>
                                    <option value="part_time">Part time</option>
                                    <option value="temporary">Temporary</option>
                                    <option value="freelance">Freelance</option>
                                </select>
                                @if ($errors->has('offer_type'))
                                    <div class="error">{{ $errors->first('offer_type') }}</div>
                                @endif
                            </div>
                            <div class="col-md-4 mt-2">
                                <h6> Expires date</h6>
                                <div class="input-group">
                                    <input type="text" class="form-control input-lg" onkeydown="return false;" data-toggle="datepicker" name="expires_at" value="{{ old('expires_at') }}">
                                    <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="fa fa-calendar-alt"></i>
                                        </span>
                                    </div>
                                </div>
                                @if ($errors->has('expires_at'))
                                    <div class="error">{{ $errors->first('expires_at') }}</div>
                                @endif
                            </div>
                        </div>
                        <br>

                        <div class="row">
                            <div class="col-md-12">
                                <h6>Description</h6>

                                <textarea name="description" rows="6"
                                          class="form-control my-editor">{{ old('description') }}</textarea>
                                @if ($errors->has('description'))
                                    <div class="error">{{ $errors->first('description') }}</div>
                                @endif
                            </div>

                        </div>
                        <br>
                        <div class="row">
                            <hr/>
                            <div class="col-md-12 ">
                                <button type="submit" class="btn btn-primary btn-block btn-lg">Save</button>
                            </div>
                        </div>

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

@endsection

@section('script')
    <script src="{{ asset('assets/admin/js/tinymce/tinymce.min.js') }}" type="text/javascript"></script>
    <script>
        var editor_config = {
            path_absolute: "/",
            selector: "textarea.my-editor",
            plugins: [
                "advlist autolink lists link image charmap print preview hr pagebreak",
                "searchreplace wordcount visualblocks visualchars code",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons paste textcolor colorpicker textpattern"
            ],
            toolbar: 'undo redo | styleselect | forecolor bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media preview',
            relative_urls: false,
            height: 250,
            language: '{{ app()->getLocale() }}',
        };

        tinymce.init(editor_config);
    </script>
    <script src="{{ asset('assets/admin/js/datepicker/dist/datepicker.min.js') }}" type="text/javascript"></script>
    <script>
        $('[data-toggle="datepicker"]').datepicker({
            format: 'yyyy-mm-dd',
            weekStart: 1
        });
    </script>
@stop