@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 value="{{old('announcement')}}">
            </div>
            <div class="mb-3">
                <label for="header" class="form-label">Header</label>
                <input type="text" class="form-control" id="header" name="header" required value="{{old('header')}}">
            </div>
            <div class="mb-3">
                <label for="tags" class="form-label">
                    Tags
                </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 value="{{old('title')}}">
            </div>
            <div class="mb-3">
                <label for="text" class="form-label">Text</label>
                <input type="text" class="form-control" id="text" name="text" required value="{{old('text')}}">
            </div>
            <div class="mb-3">
                <label for="link" class="form-label">Link</label>
                <input type="text" class="form-control" id="link" name="link" required value="{{old('link')}}">
            </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 value="{{old('logo_client')}}">
            </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 value="{{old('client_name')}}">
            </div>
            <div class="mb-3">
                <label for="logo_client" class="form-label">Media</label>
                <input type="file" class="form-control" name="media" required value="{{old('media')}}">
            </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.tags.list((response) => {
                const tags = response.tags;

                tags.forEach(({id, name, color}) => {
                    const option = document.createElement('option');
                    option.value = id;
                    option.innerText = name;
                    option.style.backgroundColor = '#' + color;
                    document.querySelector('#tags').appendChild(option);
                })
            });
        });
    </script>
@endsection