@extends('layouts.app')

@php
    $mainClass = 'lg:w-[80%] w-full flex flex-col bg-[#f7f7f7]'
@endphp

@section('title', 'ویرایش بک لینک | نیکس فایل')

@section('aside-content')
    <aside class=" w-full lg:w-[20%] flex flex-col mb-4">
        <div class="bg-primary-color text-white text-left py-8">
            @include('components.header')
        </div>
        @include('components.admin-panel-sidebar')
    </aside>
@endsection
@section('content')
    <div class="container mx-auto w-[80%] flex justify-center items-center mb-12 grow">
        <div class="shadow-lg bg-white rounded-2xl mt-12 p-8 w-full max-w-md flex flex-col items-center gap-6">
            <h2 class="text-2xl font-semibold text-primary-color mb-4">فرم ویرایش بک‌لینک</h2>
            <!-- Change title as needed -->

            <form action="{{ route('backlink.update', $backlink->id) }}" method="POST"
                  class="w-full flex flex-col gap-4">
                @csrf
                @method('PUT')

                <!-- Text Input -->
                <div class="flex flex-col gap-2">
                    <label for="text" class="text-gray-700 font-medium">تکست</label>
                    <input
                            type="text"
                            name="text"
                            value="{{ old('text', $backlink->text) }}"
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#eb4334] transition duration-200"
                            placeholder="تکست جدید را وارد کنید"
                    >
                    @error('text')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Link Input -->
                <div class="flex flex-col gap-2">
                    <label for="link" class="text-gray-700 font-medium">لینک</label>
                    <input
                            type="text"
                            name="link"
                            value="{{ old('link', $backlink->link) }}"
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#eb4334] transition duration-200"
                            placeholder="لینک جدید را وارد کنید"
                    >
                    @error('link')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Submit Button -->
                <div class="flex justify-center gap-2 mt-2">
                    <button
                            type="submit"
                            class="hover:bg-primary-color text-primary-color bg-white border border-primary-color hover:text-white py-2 rounded-lg transition duration-200 px-4 w-full"
                    >
                        ویرایش کردن بک‌لینک
                    </button>
                    <a
                            href="{{ route('backlink.index') }}"
                            class="bg-secondary-color text-white py-2 rounded-lg hover:bg-red-600 transition duration-200 text-center px-4 w-full"
                    >
                        بازگشت
                    </a>
                </div>
            </form>
        </div>
    </div>
@endsection