@extends('layouts.app')

@section('form-title') {{ __('Edit project report') }} @endsection
@section('form-sub-title') {{ $project->title }} @endsection

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('projects.index') }}">{{ __('Projects') }}</a> </li>
    <li class="breadcrumb-item"><a href="{{ route('projects.show', $project->uuid) }}">{{ $project->title }}</a>
    </li>
    <li class="breadcrumb-item">{{ __('Edit project report') }}</li>
@endsection

@section('content')
<style>
   table {
    width: 100%;
    border-collapse: collapse; /* Ensures there’s no gap between cells */
}

tbody {
    background-color: #ddd; /* Background color for tbody */
}

tbody tr {
    border: 1px solid #aca8a8; /* Border around each row to create a square effect */
}

tbody td {
    padding: 20px; /* Adds padding to create square cells */
    text-align: center;
}
</style>
<div class="pcoded-inner-content">
    <div class="main-body">
        <div class="page-wrapper">
            <div class="page-body">
                <div class="row">
                    <div class="card">
                        <div class="card-header">
                            <h5>{{ __('Project report') }} - {{ $project->title }}</h5>
                        </div>
                        <div class="card-block">
                            <form action="{{ route('project.bookings.bulk.update') }}" method="POST">
                                @csrf
                                <div class="row mb-3">
                                    <div class="col-sm-12">
                                        <button type="submit" class="btn btn-primary mt-1">{{ __('Save') }}</button>
                                    </div>
                                </div>
                                <div class="row mb-3 align-items-center">
                                    <label class="form-label col-auto text-end">{{ __('Hourly rate') }} €</label>
                                    <div class="col-auto">
                                        <input type="text" class="form-control" name="hourly_rate" value="{{ formatPriceDisplay($hourly_rate, false) }}">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-sm-12">
                                        @include('projects.bookings.time-spent')
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-sm-12">
                                        <div class="table-responsive">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th width="20%">{{ __('Date') }}</th>
                                                        <th width="20%">{{ __('User') }}</th>
                                                        <th width="20%">{{ __('Task') }}</th>
                                                        <th width="40%">{{ __('Description') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($project->bookings as $booking)
                                                    <input type="hidden" name="bookings[]" value="{{ $booking->id }}">
                                                    <tr>
                                                        <td>
                                                            <div class="row mb-2">
                                                                <div class="col-sm-12">
                                                                    <input type="date" class="form-control fill" name="booking_date[{{ $booking->id }}]" value="{{ $booking->booking_date }}">
                                                                </div>
                                                            </div>
                                                            <div class="row mb-2">
                                                                <div class="col-sm-12 d-flex align-items-center gap-2">
                                                                    <input name="booking_time_hours[{{ $booking->id }}]" class="form-control time-box text-center" value="{{ $booking->booking_time_hours }}">
                                                                    <span class="fw-bold">:</span>
                                                                    <input name="booking_time_minutes[{{ $booking->id }}]" class="form-control time-box text-center" value="{{ $booking->booking_time_minutes }}">
                                                                </div>
                                                            </div>
                                                            <div class="row mb-2">
                                                                <div class="col-sm-12">
                                                                    <div class="form-radio">
                                                                        <div class="radio ">
                                                                            <label class="form-label">
                                                                                <input type="radio" name="booking_type[{{ $booking->id }}]" value="billable" {{ $booking->booking_type === 'billable' ? 'checked' : '' }}>
                                                                                <i class="helper"></i>
                                                                                <i class="fa-solid fa-money-bill-1 ms-1" style="color: !important;"></i>
                                                                                {{ __('Billable') }}
                                                                            </label>
                                                                        </div>
                                                                        <div class="radio ">
                                                                            <label class="form-label">
                                                                                <input type="radio" name="booking_type[{{ $booking->id }}]" value="not-billable" {{ $booking->booking_type === 'not-billable' ? 'checked' : '' }}>
                                                                                <i class="helper"></i>
                                                                                <i class="fa-solid fa-hexagon-xmark ms-1" style="color: #FC4236!important;"></i>
                                                                                {{ __('Not billable') }}
                                                                            </label>
                                                                        </div>
                                                                        <div class="radio ">
                                                                            <label class="form-label">
                                                                                <input type="radio" name="booking_type[{{ $booking->id }}]" value="sponsoring" {{ $booking->booking_type === 'sponsoring' ? 'checked' : '' }}>
                                                                                <i class="helper"></i>
                                                                                <i class="fa-solid fa-gift ms-1" style="color: #008000!important;"></i>
                                                                                {{ __('Sponsoring') }}
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="row mb-2">
                                                                <div class="col-sm-12">
                                                                    <select name="booker[{{ $booking->id }}]" class="form-select form-control form-control-inverse fill">
                                                                        @foreach($furnit_users as $furnit_user)
                                                                        <option value="{{ $furnit_user->id }}" {{ $furnit_user->id == $booking->booked_by ? 'selected' : '' }}>{{ $furnit_user->name }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="row mb-2">
                                                                <div class="col-sm-12">
                                                                    <div id="div_tasks">
                                                                        <select name="task[{{ $booking->id }}]" class="form-select form-control form-control-inverse fill">
                                                                            <option value="0">{{ __('Select task') }}</option>
                                                                            @foreach($tasks as $task)
                                                                            <option value="{{ $task->id }}" {{ $task->id == $booking->task_id ? 'selected' : '' }}>{{ $task->title }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="row mb-2">
                                                                <div class="col-sm-12">
                                                                    <textarea class="form-control" rows="5" name="description[{{ $booking->id }}]">{{ $booking->description }}</textarea>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <button type="submit"
                                            class="btn btn-primary mt-1">{{ __('Save') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection