@extends('admin.layouts.master')

@section('title', $title)

@section('contents')
<div class="content-wrapper">
    <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-left mb-0">{{ $title }}</h2>
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ trans('Home') }}</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('projects.index') }}">{{ trans('Projects') }}</a></li>
                            <li class="breadcrumb-item active">{{ $title }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content-body">
        <section id="basic-input">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                            <h4 class="card-title mb-0">{{ trans('Edit Project') }}</h4>
                            <div>
                                <a href="{{ request('from') ? urldecode(request('from')) : route('projects.show', $project->uuid) }}" class="btn btn-sm btn-outline-secondary">
                                    <i class="fa fa-arrow-left"></i> {{ trans('Back') }}
                                </a>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <p class="text-muted mb-2">
                                    <strong>{{ trans('Payment Type') }}:</strong>
                                    @if($project->payment_type == \App\Models\Project::PAYMENT_TYPE_FREE)
                                        {{ __('Free') }}
                                    @elseif($project->payment_type == \App\Models\Project::PAYMENT_TYPE_PAID)
                                        <span class="badge badge-primary">{{ __('Paid') }}</span>
                                    @else
                                        —
                                    @endif
                                </p>

                                <form method="post" action="{{ route('projects.update', $project->uuid) }}">
                                    @csrf
                                    @method('PUT')

                                    {{-- Force admin edit to Fixed budget type --}}
                                    <input type="hidden" name="budget_type" value="{{ \App\Models\Project::BUDGET_TYPE_FIXED }}">

                                    <div class="form-group">
                                        <label for="title">{{ trans('Title') }} <span class="text-danger">*</span></label>
                                        <input type="text" name="title" id="title" class="form-control @error('title') is-invalid @enderror"
                                               value="{{ old('title', $project->title) }}" required maxlength="255">
                                        @error('title')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="category_id">{{ trans('Category') }} <span class="text-danger">*</span></label>
                                        <select name="category_id" id="category_id" class="form-control select2 @error('category_id') is-invalid @enderror" required>
                                            @foreach($categories as $category)
                                                <option value="{{ $category->id }}" @selected(old('category_id', $project->category_id) == $category->id)>
                                                    {{ $category->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('category_id')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="description">{{ trans('Description') }} <span class="text-danger">*</span></label>
                                        <textarea name="description" id="description" rows="8" class="form-control @error('description') is-invalid @enderror" required maxlength="5000">{{ old('description', $project->description) }}</textarea>
                                        @error('description')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="skills">{{ __('Required Skills') }}</label>
                                        <select name="skills[]" id="skills" class="form-control admin-project-skills-select" multiple="multiple" data-placeholder="{{ __('front.Choose Skills') }}">
                                            @php
                                                $selectedSkills = old('skills', $project->skills->pluck('id')->toArray());
                                            @endphp
                                            <option disabled value="">{{ __('front.Choose Skills') }}</option>
                                            @foreach($skills as $skill)
                                                <option value="{{ $skill->id }}"
                                                    data-category="{{ $skill->category_id }}"
                                                    @selected(in_array($skill->id, $selectedSkills, true))>{{ $skill->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('skills')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    @php
                                        $adminPaymentSelectableIds = $sizes->pluck('id')->map(fn ($id) => (int) $id)->all();
                                        $adminCurrentSizeId = (int) $project->project_size_id;
                                        if (old('project_size_id') !== null) {
                                            $adminDefaultPaymentSizeId = (string) old('project_size_id');
                                        } elseif (in_array($adminCurrentSizeId, $adminPaymentSelectableIds, true)) {
                                            $adminDefaultPaymentSizeId = (string) $adminCurrentSizeId;
                                        } else {
                                            $adminDefaultPaymentSizeId = '';
                                        }
                                    @endphp
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="project_size_id">{{ __('front.Payment Method') }} <span class="text-danger">*</span></label>
                                            <select name="project_size_id" id="project_size_id" class="form-control select2 @error('project_size_id') is-invalid @enderror" required>
                                                <option value="" disabled @selected($adminDefaultPaymentSizeId === '')>{{ __('front.Choose Payment Method') }}</option>
                                                @foreach($sizes as $size)
                                                    <option value="{{ $size->id }}" @selected($adminDefaultPaymentSizeId !== '' && (string) $size->id === $adminDefaultPaymentSizeId)>
                                                        {{ getTrans($size->details, 'ar') }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('project_size_id')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="delivery_days">{{ trans('Project Time') }} / {{ trans('Day') }} <span class="text-danger">*</span></label>
                                            <input type="number" name="delivery_days" id="delivery_days" min="1" class="form-control @error('delivery_days') is-invalid @enderror"
                                                   value="{{ old('delivery_days', $project->delivery_days) }}" required>
                                            @error('delivery_days')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div id="budget-fixed-fields" class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="price">{{ trans('Budget') }} <span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <div class="input-group-prepend"><span class="input-group-text">$</span></div>
                                                <input type="number" step="0.01" name="price" id="price" class="form-control @error('price') is-invalid @enderror"
                                                       value="{{ old('price', $project->price) }}">
                                            </div>
                                            @error('price')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div id="budget-hourly-fields" class="form-row d-none">
                                        <div class="form-group col-md-6">
                                            <label for="price_from">{{ trans('Hour Price From') }} <span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <div class="input-group-prepend"><span class="input-group-text">$</span></div>
                                                <input type="number" step="0.01" name="price_from" id="price_from" class="form-control @error('price_from') is-invalid @enderror" disabled
                                                       value="{{ old('price_from', $project->price_from) }}">
                                            </div>
                                            @error('price_from')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="price_to">{{ trans('Hour Price To') }} <span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <div class="input-group-prepend"><span class="input-group-text">$</span></div>
                                                <input type="number" step="0.01" name="price_to" id="price_to" class="form-control @error('price_to') is-invalid @enderror" disabled
                                                       value="{{ old('price_to', $project->price_to) }}">
                                            </div>
                                            @error('price_to')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-12 px-0 mt-2">
                                        <button type="submit" class="btn btn-primary mr-1 mb-1 waves-effect waves-light">{{ trans('Update') }}</button>
                                        <a href="{{ route('projects.show', $project->uuid) }}" class="btn btn-outline-warning mb-1">{{ trans('Cancel') }}</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
@endsection

@section('scripts')
<script>
(function () {
    // Budget Type is fixed in admin edit; ensure fixed fields are visible.
    var fixedFields = document.getElementById('budget-fixed-fields');
    var hourlyFields = document.getElementById('budget-hourly-fields');
    if (fixedFields) fixedFields.style.display = 'flex';
    if (hourlyFields) hourlyFields.style.display = 'none';
})();

$(document).ready(function () {
    var $skills = $('.admin-project-skills-select');
    if (!$skills.length) {
        return;
    }

    var skillsSelect2Opts = {
        placeholder: $skills.data('placeholder') || '',
        allowClear: true,
        width: '100%',
        dropdownAutoWidth: true,
        dir: $('html').attr('dir') === 'ltr' ? 'ltr' : 'rtl'
    };

    $skills.select2(skillsSelect2Opts);
});
</script>
@endsection