@extends('layouts.app')

@section('content')

    <script src="https://cdn.tiny.cloud/1/al3lhfezk2xf7dk62ezv8w6dao59bdf8sbc82ilq64lwgnrz/tinymce/7/tinymce.min.js"
        referrerpolicy="origin"></script>

    <script>
        tinymce.init({
            selector: 'textarea',
            plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount',
            toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat',

            entity_encoding: 'raw', // This ensures that special characters are not converted into HTML entities
            setup: function(editor) {
                editor.on('change', function() {
                    editor.save();
                });
            }
        });
    </script>


    <div class="container mt-4">
        <h2>Add New Interview</h2>
        <form action="{{ route('interviews.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="mb-3">
                <label class="form-label">Title</label>
                <input type="text" name="title" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Interviewee Name</label>
                <input type="text" name="interviewee" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="interviewer">Interviewer</label>
                <input type="text" class="form-control" id="interviewer" name="interviewer"
                    value="{{ old('interviewer') }}">
            </div>
            <div class="mb-3">
                <label class="form-label">Interviewee Photo</label>
                <input type="file" name="photo" class="form-control">
            </div>

            <div class="mb-3">
                <label class="form-label">Summary</label>
                <textarea name="summary" class="form-control" required></textarea>
            </div>

            <div class="mb-3">
                <label class="form-label">Full Interview</label>
                <textarea name="content" class="form-control" rows="5" required></textarea>
            </div>

            <div class="form-group">
                <label for="twitter_handle">Twitter Handle</label>
                <input type="text" name="twitter_handle" id="twitter_handle" class="form-control"
                    value="{{ old('twitter_handle', $interview->twitter_handle ?? '') }}">
            </div>
            <div class="form-group">
                <label for="facebook_profile">Facebook Profile</label>
                <input type="text" name="facebook_profile" id="facebook_profile" class="form-control" value="{{ old('facebook_profile', $interview->facebook_profile ?? '') }}">
            </div>

            <div class="form-group">
                <label for="linkedin_profile">Instagram Profile</label>
                <input type="text" name="linkedin_profile" id="linkedin_profile" class="form-control"
                    value="{{ old('linkedin_profile', $interview->linkedin_profile ?? '') }}">
            </div>
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" name="email" id="email" class="form-control"
                    value="{{ old('email', $interview->email ?? '') }}">
            </div>
            <div class="form-group">
                <label for="phone_number">Phone Number</label>
                <input type="text" name="phone_number" id="phone_number" class="form-control"
                    value="{{ old('phone_number', $interview->phone_number ?? '') }}">
            </div>

            <button type="submit" class="btn btn-success">Submit Interview</button>
            <br />
        </form>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
    <br />
@endsection