@extends('base')
@section('content')

    <h1 class="mt-5">Learning Zone</h1>
    <div class="graph-card px-4 py-3 my-3" style="max-width: 600px;">
        <h2 class="d-inline-block" style="color: #727E88;">Add Learning Zone</h2>
        <div class="d-inline-block float-end">
            <img src="{{secure_asset('images/flag.svg')}}" alt="...">
        </div>
        <form class="my-3"  method="POST" action="{{ secure_url('admin/add-learning-zone/update',$getLearningZone->id) }}" enctype="multipart/form-data">
            @csrf
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <label>Name:</label>
            <input type="text" name="name" value="{{ $getLearningZone->name }}" class="form-control px-3 py-2 audit-name mb-3">

            <label>Description:</label>
            <textarea name="description" value="{{ $getLearningZone->description }}" class="form-control px-3 py-2 audit-name mb-3 tinymce-editor"></textarea>
            <br>
            <input type="text" name="tag_input" id="tag_input" hidden>
            <div id="appendTo" style="display: inline;"></div>
            <br>
            <label>Tags:</label>
            <select name="search" class="d-inline-block form-control px-3 py-2 audit-name mb-3" id="search-input">
                @foreach($getTag as $getTags)
                    <option value="{{ $getTags->id }}" id="{{ $getTags->name }}" >{{ $getTags->name }}</option>
                @endforeach
            </select>

            <label>Featured Image:</label>
            <input type="file" name="file" value="{{ $getLearningZone->file }}" class="form-control px-3 py-2 audit-name mb-3">

            <div class="text-end">
                <button type="submit" class="btn btn-primary vl-btn-small">Save & Exit</button>
            </div>

        </form>
    </div>

@endsection