@extends('admin.layouts.master')

@section('title', 'Edit Category')

@section('content')
    <div class="row">
        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <h3 class="text-left">Update</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('category.update', $category->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <!-- Parent Category -->
                        <div class="form-group">
                            <label for="">Select Parent Category</label>
                            <select name="parent_category_id" class="form-control select2">
                                <option value="">Ex. জাতীয়/রাজনীতি/খেলা/বিনোদন</option>
                                @foreach ($pluck_categories as $key => $value)
                                    <option value="{{ $key }}"
                                        {{ old('parent_category_id', $category->parent_category_id) == $key ? 'selected' : '' }}>
                                        {{ $value }}
                                    </option>
                                @endforeach
                            </select>
                            @error('parent_category_id')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <!-- Name -->
                        <div class="form-group">
                            <label for="">Name</label>
                            <input type="text" name="name" class="form-control"
                                value="{{ old('name', $category->name) }}"
                                placeholder="Ex. Breaking News, Sports, Entertainment, Politics etc.">
                            @error('name')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <!-- Stream Link -->
                        <div class="form-group">
                            <label for="">Stream Link</label>
                            <input type="text" name="stream_link" class="form-control"
                                value="{{ old('stream_link', $category->stream_link) }}"
                                placeholder="Ex. https://asiantvonline.com">
                            @error('stream_link')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <!-- BN Name -->
                        <div class="form-group">
                            <label for="">BN Name</label>
                            <input type="text" name="bn_name" class="form-control"
                                value="{{ old('bn_name', $category->bn_name) }}"
                                placeholder="Ex. Breaking News, Sports, Entertainment, Politics etc.">
                            @error('bn_name')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <!-- Is Mega Menu -->
                        <div class="form-group">
                            <label for="">Is Mega Menu</label>
                            <select name="is_mega_menu" class="form-control">
                                <option value="1" {{ old('is_mega_menu', $category->is_mega_menu) == 1 ? 'selected' : '' }}>Mega Menu</option>
                                <option value="2" {{ old('is_mega_menu', $category->is_mega_menu) == 2 ? 'selected' : '' }}>Normal Dropdown Menu</option>
                            </select>
                            @error('is_mega_menu')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <!-- Position -->
                        <div class="form-group">
                            <label for="">POSITION</label>
                            <input type="number" name="position" class="form-control"
                                value="{{ old('position', $category->position ?? 1) }}"
                                placeholder="Ex. 1">
                            @error('position')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <!-- Submit -->
                        <div class="form-group">
                            <button type="submit" class="btn btn-block btn-success">Update</button>
                            @if (isset($cancel))
                                <br>
                                <a href="{{ route('category.index') }}" class="btn btn-danger btn-block">Cance</a>
                            @endif
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <!-- Select2 Style -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
    <!-- Select2 Script -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        });
    </script>
@endsection