@extends('layouts.admin')

@section('title', isset($jobVacancy) ? 'Edit Job Vacancy' : 'Create Job Vacancy')

@section('content')
<div class="container">
    
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.jobvacancies.index') }}">Job Vacancies</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ isset($jobVacancy) ? 'Edit' : 'Create' }} Job Vacancy</li>
        </ol>
    </nav>
    
    <h1 class="mb-4">{{ isset($jobVacancy) ? 'Edit' : 'Create' }} Job Vacancy</h1>

    <form action="{{ isset($jobVacancy) ? route('admin.jobvacancies.update', $jobVacancy->id) : route('admin.jobvacancies.store') }}" method="POST">
        @csrf
        @if(isset($jobVacancy))
            @method('PUT')
        @endif
        
        <div class="mb-3">
            <label for="title" class="form-label">Title</label>
            <input type="text" class="form-control @error('title') is-invalid @enderror" id="title" name="title" value="{{ old('title', $jobVacancy->title ?? '') }}" required>
            @error('title')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="content" class="form-label">Content</label>
            <textarea class="form-control @error('content') is-invalid @enderror" id="content" name="content" rows="10">{{ old('content', $jobVacancy->content ?? '') }}</textarea>
            @error('content')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="email" class="form-label">Contact Email</label>
            <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email', $jobVacancy->email ?? '') }}" required>
            @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <button type="submit" class="btn btn-primary">Save</button>
        <a href="{{ route('admin.jobvacancies.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>

<!-- Include TinyMCE -->
<!--script src="https://cdn.tiny.cloud/1/o35nrvszar8z284zvothcsrb3ffnhkvvq3e3za5ilc6en51r/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
<script>
    tinymce.init({
        selector: '#content',
        plugins: 'advlist autolink lists link image charmap preview anchor',
        toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
    });
</script-->
 <script>
$(document).ready(function() {
  $('#content').summernote();  
});
</script>
@endsection