@extends('layouts.app')

@section('content')
<div class="py-8">
    <div class="grid grid-cols-2 gap-4 mx-auto max-w-screen-2xl">
        <div class="px-4 py-6 bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl sm:p-8">
            <form action="{{ route('release-notes.store') }}" class="grid gap-y-4">
                @csrf
                <div>
                    <label for="tool" class="block font-medium text-gray-900 text-sm/6">Araç</label>
                    <div class="grid grid-cols-1 mt-2">
                        <select id="tool" name="tool"
                            class="col-start-1 row-start-1 w-full appearance-none rounded-md bg-white py-1.5 pl-3 pr-8 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-sky-600 sm:text-sm/6">
                            <option value="sale">Sale</option>
                            <option value="finance">Finance</option>
                            <option value="stock">Stock</option>
                            <option value="note">Notes</option>
                            <option value="workspace">Workspace</option>
                            <option value="pos">Pos</option>
                            <option value="hr">Hr</option>
                            <option value="production">Production</option>
                            <option value="planner">Planner</option>
                        </select>
                    </div>
                </div>
                <div class="grid grid-cols-3 gap-x-3">
                    <div>
                        <label for="major" class="block font-medium text-gray-900 text-sm/6">Major</label>
                        <div class="grid grid-cols-1 mt-2">
                            <select id="major" name="major"
                                class="col-start-1 row-start-1 w-full appearance-none rounded-md bg-white py-1.5 pl-3 pr-8 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-sky-600 sm:text-sm/6">
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                            </select>
                        </div>
                    </div>
                    <div>
                        <label for="minor" class="block font-medium text-gray-900 text-sm/6">Minor</label>
                        <div class="grid grid-cols-1 mt-2">
                            <select id="minor" name="minor"
                                class="col-start-1 row-start-1 w-full appearance-none rounded-md bg-white py-1.5 pl-3 pr-8 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-sky-600 sm:text-sm/6">
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                            </select>
                        </div>
                    </div>
                    <div>
                        <label for="patch" class="block font-medium text-gray-900 text-sm/6">Patch</label>
                        <div class="grid grid-cols-1 mt-2">
                            <select id="patch" name="patch"
                                class="col-start-1 row-start-1 w-full appearance-none rounded-md bg-white py-1.5 pl-3 pr-8 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-sky-600 sm:text-sm/6">
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div>
                    <x-label for="title" value="{{ __('Başlık') }}" />
                    <x-input id="title" class="block w-full mt-1" type="text" name="title" :value="old('title')"
                        required autofocus autocomplete="title" />
                </div>
                <div>
                    <x-label for="note" value="{{ __('Güncelleme detayı') }}" />
                    <textarea rows="4" name="note" id="note"
                        class="block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-sky-600 sm:text-sm/6"></textarea>
                </div>
                <div class="flex items-center justify-end mt-4">
                    <x-button class="ms-4">
                        {{ __('OLUŞTUR') }}
                    </x-button>
                </div>
            </form>
        </div>
        <div class="px-4 py-6 bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl sm:p-8">
            @if(isset($sale))
            <p>Sale - v{{ $sale->major }}.{{ $sale->minor }}.{{ $sale->patch }} <span
                    class="text-xs italic text-gray-500">{{ $sale->note }}</span></p>
            @endif
            @if(isset($finance))
            <p>Finance - v{{ $finance->major }}.{{ $finance->minor }}.{{ $finance->patch }} <span
                    class="text-xs italic text-gray-500">{{ $finance->note }}</span></p>
            @endif
            @if(isset($stock))
            <p>Stock - v{{ $stock->major }}.{{ $stock->minor }}.{{ $stock->patch }} <span
                    class="text-xs italic text-gray-500">{{ $stock->note }}</span></p>
            @endif
            @if(isset($note))
            <p>Note - v{{ $note->major }}.{{ $note->minor }}.{{ $note->patch }} <span
                    class="text-xs italic text-gray-500">{{ $note->note }}</span></p>
            @endif
            @if(isset($workspace))
            <p>Workspace - v{{ $workspace->major }}.{{ $workspace->minor }}.{{ $workspace->patch }} <span
                    class="text-xs italic text-gray-500">{{ $workspace->note }}</span></p>
            @endif
            @if(isset($pos))
            <p>Pos - v{{ $pos->major }}.{{ $pos->minor }}.{{ $pos->patch }} <span
                    class="text-xs italic text-gray-500">{{ $pos->note }}</span></p>
            @endif
            @if(isset($hr))
            <p>Hr - v{{ $hr->major }}.{{ $hr->minor }}.{{ $hr->patch }} <span class="text-xs italic text-gray-500">{{
                    $hr->note }}</span></p>
            @endif
            @if(isset($production))
            <p>Production - v{{ $production->major }}.{{ $production->minor }}.{{ $production->patch }} <span
                    class="text-xs italic text-gray-500">{{ $production->note }}</span></p>
            @endif
            @if(isset($planner))
            <p>Planner - v{{ $planner->major }}.{{ $planner->minor }}.{{ $planner->patch }} <span
                    class="text-xs italic text-gray-500">{{ $planner->note }}</span></p>
            @endif
        </div>
    </div>
</div>

@endsection