@extends('admin.layouts.app')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">

                        <div class="card card-info">

                            <div class="card-header">
                                <h3 class="card-title">Moderator</h3>
                            </div>

                            <div class="card-tools">
                                @foreach (['success', 'info', 'danger', 'warning'] as $msg)
                                    @if (Session::has($msg))
                                        <div id="flash-message" class="alert alert-{{ $msg }}" role="alert">
                                            {{ Session::get($msg) }}
                                        </div>
                                    @endif
                                @endforeach
                            </div>

                            <form method="POST" action="{{ route('moderators.store') }}" enctype="multipart/form-data">
                                @csrf @method('post')
                                <div class="card-body">

                                    <div class="form-group row">
                                        <label for="master_topic_id" class="col-sm-2 col-form-label">Master Topics</label>
                                        <div class="col-sm-10">
                                            <select name="master_topic_id" id="master_topic_id"
                                                class="custom-select @error('master_topic_id') is-invalid @enderror">
                                                <option value="" selected>Select Master Topic</option>
                                                @forelse ($masterTopics as $masterTopic)
                                                    <option value="{{ $masterTopic->id }}"
                                                        {{ old('master_topic_id') == $masterTopic->id ? 'selected' : '' }}>
                                                        {{ $masterTopic->title }}
                                                    </option>
                                                @empty
                                                @endforelse
                                            </select>
                                            @error('master_topic_id')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="moderator_name" class="col-sm-2 col-form-label">Moderator Name</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="moderator_name" id="moderator_name"
                                                class="form-control @error('moderator_name') is-invalid @enderror"
                                                value="{{ old('moderator_name') }}">
                                            @error('moderator_name')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    {{-- <div class="form-group row">
                                        <label for="moderator_name_hi" class="col-sm-2 col-form-label">Moderator Name Hindi
                                        </label>
                                        <div class="col-sm-10">
                                            <input type="text" name="moderator_name_hi" id="moderator_name_hi"
                                                class="form-control @error('moderator_name_hi') is-invalid @enderror"
                                                value="{{ old('moderator_name_hi') }}">
                                            @error('moderator_name_hi')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div> --}}

                                    <div class="form-group row">
                                        <label for="moderator_detail" class="col-sm-2 col-form-label">Moderators
                                            Details</label>
                                        <div class="col-sm-10">
                                            <textarea name="moderator_detail" id="moderator_detail" cols="5" rows="5"
                                                class="form-control @error('moderator_detail') is-invalid @enderror">
                                                {{ old('moderator_detail') }}
                                            </textarea>
                                            @error('moderator_detail')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    {{-- <div class="form-group row">
                                        <label for="moderator_detail_hi" class="col-sm-2 col-form-label">Moderators Details
                                            Hindi </label>
                                        <div class="col-sm-10">
                                            <textarea name="moderator_detail_hi" id="moderator_detail_hi" cols="5" rows="5"
                                                class="form-control @error('moderator_detail_hi') is-invalid @enderror">
                                                {{ old('moderator_detail_hi') }}
                                            </textarea>
                                            @error('moderator_detail_hi')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div> --}}

                                    <div class="form-group row">
                                        <label for="image" class="col-sm-2 col-form-label">Image</label>
                                        <div class="col-sm-10">
                                            <input type="file" class="form-control @error('image') is-invalid @enderror"
                                                id="image" name="image">
                                            <small class="form-text text-muted">Upload an image file (webp).</small>
                                            @error('image')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="image_url" class="col-sm-2 col-form-label">Image URL</label>
                                        <div class="col-sm-10">
                                            <input type="text"
                                                class="form-control @error('image_url') is-invalid @enderror" id="image_url"
                                                name="image_url" value="{{ old('image_url') }}">
                                            @error('image_url')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="card-footer">
                                        <button type="submit" class="btn btn-info">Submit</button>
                                        <a href="{{ route('moderators.index') }}"
                                            class="btn btn-warning float-right">Reset</a>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection