@extends('layouts.admin')

@section('title', 'Create Sector')

@section('content')
<div class="container">
    <h1>Create Sector</h1>

    <form action="{{ route('admin.sectors.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="mb-3">
            <label for="title" class="form-label">Title</label>
            <input type="text" class="form-control" id="title" name="title" required>
        </div>
        <div class="mb-3">
            <label for="strapline" class="form-label">Strapline</label>
            <input type="text" class="form-control" id="strapline" name="strapline">
        </div>
        <div class="mb-3">
            <label for="meta_title" class="form-label">Meta title</label>
            <input type="text" class="form-control" id="meta_title" name="meta_title">
        </div>
        <div class="mb-3">
            <label for="meta_description" class="form-label">Meta description</label>
            <input type="text" class="form-control" id="meta_description" name="meta_description">
        </div>

        <div class="mb-3">
            <label for="content" class="form-label">Content</label>
            <textarea class="form-control" id="content" name="content"></textarea>
        </div>

        <div class="mb-3">
            <label for="sort_index" class="form-label">Sort Index</label>
            <input type="number" class="form-control" id="sort_index" name="sort_index">
        </div>

        <div class="mb-3">
            <label for="image" class="form-label">Image</label>
            <input type="file" class="form-control" id="image" name="image">
        </div>

        <button type="submit" class="btn btn-primary">Create</button>
        <a href="{{ route('admin.sectors.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>

<!--script src="https://cdn.tiny.cloud/1/o35nrvszar8z284zvothcsrb3ffnhkvvq3e3za5ilc6en51r/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script-->
 <script>
$(document).ready(function() {
  $('#content').summernote();  
});
</script>
<script>
    /*nymce.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',
    });*/
    
    $('#sector_id').select2({
        theme: 'bootstrap4',
        placeholder: 'Select section',
        allowClear: true
    });
    
</script>
@endsection