@extends('backend.layouts.app')

@section('content')

<div class="p-3">
    <div class="row gy-3">
        <div class="col-12 col-md">
            <div class="card">
                <div class="card-header font-weight-bold">
                    Create Blog
                </div>
                <div class="card-body">
                    <form action="{{ url('admin/blogs') }}" method="POST" enctype="multipart/form-data">@csrf
                        <div class="row">
        
                            @if ($content == 'image')
                                <div class="col-12 mb-3">
                                    <label for="">Image </label>
                                    <input type="file" class="form-control" name="image" value="{{ old('image') }}" />
                                    @error('image')
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span>
                                    @enderror
                                </div>
                            @endif
        
                            @if ($content == 'video')
                                <div class="col-12 mb-3">
                                    <label for="">Youtube Link </label>
                                    <input type="text" class="form-control" name="youtube_link" value="{{ old('youtube_link') }}" />
                                    @error('youtube_link')
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span>
                                    @enderror
                                </div>
                            @endif
        
                            <div class="col-12 mb-3">
                                <label for="">Title </label>
                                <input type="text" class="form-control" required name="title" value="{{ old('title') }}" />
                                @error('title')
                                    <span class="text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div>
        
                            <div class="col-12 mb-3">
                                <label for="">Description </label>
                                <textarea rows="5" type="text" class="form-control" required name="description" value="{{ old('description') }}"></textarea>
                                @error('description')
                                    <span class="text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div>
        
                            
                            <div class="col-12 col-md-4 mb-3">
                                <label for="">Post Type</label>
                                <select class="form-control form-select" name="post_type" required>
                                    <option disabled hidden selected>Select Post Type</option>
                                    <option>News</option>
                                    <option>Events</option>
                                    <option>Publications</option>
                                    <option>Blogs</option>
                                    <option>Awards</option>
                                    <option>Activities</option>
                                    <option>Resources</option>
                                </select>
                                @error('post_type')
                                    <span class="text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div>
        
                            <div class="col-12 text-right">
                                <button type="submit" class="btn btn-success">Create Blog</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-12 col-md">
            <div class="card">
                <div class="card-header font-weight-bold">
                    Files Uploaded
                </div>
                <div class="card-body">
                    <table class="table table-striped" style="width:100%">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Image</th>
                                <th>File Name</th>
                            </tr>
                        </thead>
                        
                        <tbody>
                            @foreach ($files as $items)
                                <tr>
                                    <td>{{ $items->id }}</td>
                                    <td>
                                        <img src="{{ asset('files/' . $items->image) }}" height="50" width="50" alt="">
                                    </td>
                                    <td>{{ $items->slug }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js')
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script>
@yield('js')
<script>
    $(document).ready(function() {
        $('.table').DataTable({
            order: [[0, 'asc']],
            responsive: true
        });
    });
</script>
<script type="text/javascript">
    CKEDITOR.replace('description');
</script>
@endsection