@extends('layouts.admin.theme')
@section('title', env('APP_NAME') . ' :: ' . __('Editar projeto'))
@section('content')

<div class="card shadow-sm border-0">

    @php $headLine = "<i class='fa-solid fa-pen'></i> " . e(__('Editar projeto')); @endphp

    @php $listQuery = $filterParams ?? []; @endphp

    @include('components.buttons._headLineButtonsBackAdd', [
        'headLine' => $headLine,
        'routeBack' => 'admin.cronogramas.projetos.show',
        'routeBackParams' => array_merge(['project' => $project->id], $listQuery),
        'nameBack' => __('Voltar'),
        'permission' => 'GERENCIADOR_DE_CRONOGRAMAS',
    ])

    <div class="card-body">
        @include('errors.messageFlash')

        <form id="cr-project-form" data-project-id="{{ $project->id }}" method="post" action="{{ route('admin.cronogramas.projetos.update', $project) }}" class="row g-3">
            @csrf
            @method('put')
            @include('components.cronogramas.persist-query', ['params' => $listQuery])
            <div class="col-12">
                <label for="name" class="form-label">{{ __('Nome do projeto') }} <span class="text-danger">*</span></label>
                <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $project->name) }}" required maxlength="200">
                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-12">
                <label for="description" class="form-label">{{ __('Descrição') }}</label>
                <textarea name="description" id="description" class="form-control @error('description') is-invalid @enderror" rows="4">{{ old('description', $project->description) }}</textarea>
                @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label for="start_date" class="form-label">{{ __('Data de início') }}</label>
                <input type="date" name="start_date" id="start_date" class="form-control" value="{{ old('start_date', $project->start_date?->format('Y-m-d')) }}">
            </div>
            <div class="col-md-6">
                <label for="planned_end_date" class="form-label">{{ __('Data fim prevista') }}</label>
                <input type="date" name="planned_end_date" id="planned_end_date" class="form-control" value="{{ old('planned_end_date', $project->planned_end_date?->format('Y-m-d')) }}">
            </div>

            @include('components.cronogramas.project-scopes-form', [
                'scopeOptions' => $scopeOptions ?? ['structures' => collect(), 'unidades' => collect(), 'empresas' => collect()],
                'selectedScopes' => $selectedScopes ?? ['structures' => [], 'unidades' => [], 'empresas' => []],
            ])

            <div class="col-12">
                <button type="submit" class="btn btn-primary">{{ __('Salvar') }}</button>
            </div>
        </form>
    </div>
</div>

@endsection

@push('after-scripts')
    <script src="{{ asset('pmar/js/cronogramas/project-scopes-selector.js') }}" defer></script>
    <script src="{{ asset('pmar/js/cronogramas.js') }}"></script>
@endpush