@extends('layouts.admin', ['title' => 'Кейсы'])

@section('content')
    <div class="container">
        @if($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <h1>Create New Case</h1>
        <form action="{{ route('admin.cases.store') }}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="mb-3">
                <label for="announcement" class="form-label">Announcement</label>
                <input type="text" class="form-control" id="announcement" name="announcement" required>
                @error('announcement')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
            <div class="mb-3">
                <label for="header" class="form-label">Header</label>
                <input type="text" class="form-control" id="header" name="header" required>
                @error('header')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
            <div class="mb-3">
                <label for="tags" class="form-label">
                    Platforms
                </label>
                <select multiple class="form-control" id="tags" name="tags">
                </select>
            </div>
            <div class="mb-3">
                <label for="title" class="form-label">Title</label>
                <input type="text" class="form-control" id="title" name="title" required>
                @error('title')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
            <div class="mb-3">
                <label for="text" class="form-label">Text</label>
                <input type="text" class="form-control" id="text" name="text" required>
                @error('text')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
            <div class="mb-3">
                <label for="link" class="form-label">Link</label>
                <input type="text" class="form-control" id="link" name="link" required>
                @error('link')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
            <div class="mb-3">
                <label for="logo_client" class="form-label">Logo Client</label>
                <input type="file" class="form-control" name="logo_client" id="logo_client" required>
                @error('logo_client')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
            <div class="mb-3">
                <label for="client_name" class="form-label">Client Name</label>
                <input type="text" class="form-control" id="client_name" name="client_name" required>
                @error('client_name')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
            <div class="mb-3">
                <label for="logo_client" class="form-label">Media</label>
                <input type="file" class="form-control" name="media" required>
                @error('media')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
            <!-- Добавьте дополнительные поля здесь, если они есть -->
            <button type="submit" class="btn btn-primary">Create</button>
            <a href="{{ route('admin.cases.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
@endsection

@section('scripts')
    <script>
        window.addEventListener("load", (event) => {
            AdminAPI.platforms.list((response) => {
                response.platforms.forEach(({id, name, logo}) => {
                    const option = document.createElement('option');
                    option.value = id;
                    option.innerText = name;
                    document.querySelector('#tags').appendChild(option);
                })
            });
        });
    </script>
@endsection