@extends('admin.layouts.layout')

@section('content')
    <div class="container-scroller">
        @include('admin.layouts.navbar')

        <div class="container-fluid page-body-wrapper">
            @include('admin.layouts.sidebar')

            <div class="main-panel">
                <div class="content-wrapper">
                    <h2>تعديل الباقة: {{ $package->name }}</h2>
                    <form action="{{ route('packages.update', $package->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="name">اسم الباقة</label>
                                <input type="text" name="name" id="name" class="form-control"
                                    value="{{ $package->name }}" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="price">السعر</label>
                                <input type="number" step="0.01" name="price" id="price" class="form-control"
                                    value="{{ $package->price }}" required>
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="description">الوصف</label>
                                <textarea name="description" id="description" class="form-control" rows="3">{{ $package->description }}</textarea>
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="games">الألعاب</label>
                                <select name="games[]" id="games" class="form-control" multiple required>
                                    @foreach ($games as $game)
                                        <option value="{{ $game->id }}"
                                            @if ($package->games->contains($game->id)) selected @endif>{{ $game->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-12">
                                <button type="submit" class="btn btn-primary">تحديث</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection