@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Taleplerim' => '/department/requests',
            'Talep Detay' => '/department/edit/request/' . $datas[0]['ticket_id'],
        ],
    ]) !!}
@endsection
@section('content')
    {{-- @include('components.sidebar') --}}
    {{-- @include('components.profile') --}}
    <div class="container-app">
        <form action="{{ route('department.updateRequest') }}" method="POST" onsubmit="showLoading()">
            @csrf
            <input type="date" name="date" disabled
                class="mb-4 rounded-lg bg-theme_secondary_black border-none text-theme_white" value="{{ $datas[0]->date }}">
            <div class="relative overflow-x-auto shadow-md sm:rounded-lg">
                <table class="w-full text-sm text-left text-gray-400">
                    <thead class="text-xs text-theme_white uppercase bg-theme_black">
                        <tr>
                            <th scope="col" class="px-6 py-3">
                                Kategori
                            </th>
                            <th scope="col" class="px-6 py-3 text-center">
                                Adet
                            </th>
                            <th scope="col" class="px-6 py-3 text-center">
                                Saat
                            </th>
                            <th scope="col" class="px-6 py-3 text-center w-12">
                                Not Ekle
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                        <input type="hidden" name="ticket_id" value="{{ $datas[0]['ticket_id'] }}">
                        @foreach ($datas[1] as $data)
                            <tr class=" bg-theme_secondary_black hover:bg-teheme_third_black">
                                <td class="px-6 py-4 font-semibold text-theme_white">
                                    <select name="category[]"
                                        class="w-56 bg-gray-300 border border-gray-300 text-gray-600 text-sm rounded-lg">
                                        @php
                                            $category_id = Spatie\Permission\Models\Role::where('title', $data->category)->first()->id;
                                        @endphp
                                        <option selected value="{{ $category_id }}">{{ $data->category }}</option>
                                        @foreach ($datas[2]['category'] as $item)
                                            @if ($category_id != $item->id)
                                                <option value="{{ $item->id }}">{{ $item->title }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </td>
                                <td class="px-6 py-4">
                                    <div class="flex items-center justify-center gap-2 ">
                                        <button
                                            class="decrement inline-flex items-center justify-center p-1 text-sm font-medium h-6 w-6 text-gray-600 bg-gray-300 border border-gray-300 rounded-full focus:outline-none hover:bg-gray-100 focus:ring-gray-300"
                                            type="button">
                                            <span class="sr-only">Azalt</span>
                                            <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                                fill="none" viewBox="0 0 18 2">
                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                                    stroke-width="2" d="M1 1h16" />
                                            </svg>
                                        </button>
                                        <div>
                                            <input type="number" placeholder="1" name="quantity[]"
                                                value="{{ $data->quantity }}"
                                                class="quantity bg-gray-300 text-center w-14 border border-gray-300 text-gray-600 text-sm rounded-lg">
                                        </div>
                                        <button
                                            class="increment inline-flex items-center justify-center h-6 w-6 p-1 text-sm font-medium text-gray-600 bg-gray-300 border border-gray-300 rounded-full focus:outline-none hover:bg-gray-100 focus:ring-gray-300"
                                            type="button">
                                            <span class="sr-only">Artır</span>
                                            <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                                fill="none" viewBox="0 0 18 18">
                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                                    stroke-width="2" d="M9 1v16M1 9h16" />
                                            </svg>
                                        </button>
                                    </div>
                                </td>
                                <td class="px-6 py-4 font-semibold text-center">
                                    <select name="hour[]"
                                        class="w-32 bg-gray-300 border border-gray-300 text-gray-600 text-sm rounded-lg">
                                        <option selected value="{{ $data->hour }}">{{ $data->hour }}</option>
                                        @for ($i = 0; $i < count($datas[2]['hours']); $i++)
                                            <option value="{{ $datas[2]['hours'][$i] }}">{{ $datas[2]['hours'][$i] }}
                                            </option>
                                        @endfor
                                    </select>
                                </td>
                                <td class="px-6 py-4 text-center">
                                    <textarea type="text" name="note[]" class="h-8 text-sm text-teheme_third_white rounded-md bg-theme_secondary_black">{{ $data->note }}</textarea>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="flex justify-center gap-4 mt-8">
                <button type="submit"
                    class="inline-flex items-center gap-3 bg-green-700 px-4 py-2 rounded-md text-white font-semibold">
                    <i class="fa-regular fa-paper-plane"></i>
                    Gönder
                </button>
            </div>
        </form>
    </div>
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection
@section('javascript')
    <script src="{{ asset('js/new-request.js') }}"></script>
@endsection`