@php
    $statuses = ['Not Started' => 'Not Started', 'In Progress' => 'In Progress', 'Completed' => 'Completed']; 
    $phases = ['Initiation' => 'Initiation', 'Planning' => 'Planning', 'Execution' => 'Execution', 'Closure' => 'Closure']; 
@endphp

<div class="modal fade" id="ajaxModel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="card card-signup card-plain">
                <div class="modal-header">
                    <div class="card-header card-header-primary text-center" style="margin-top: -30px;">
                        <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">
                            <i class="fa fa-close"></i>
                        </button>
                        <h4 class="card-title" id="modelHeading"></h4>
                    </div>
                </div>

                {!! Form::open(['id' => 'dataForm', 'name' => 'dataForm', 'class' => 'form-horizontal']) !!}

                <div class="modal-body">
                    {{ csrf_field() }}

                    {!! Form::hidden('id', '', ['id' => 'id']) !!}

                    <!-- Project Name -->
                    <div class="row form-group">
                        <div class="col-sm-12">
                            {!! Form::text('project_title', '', [
                                'class' => 'form-control',
                                'id' => 'project_title',
                                'placeholder' => 'Enter Project Title',
                                'required',
                            ]) !!}
                            <span class="text-danger" id="project_title-error"></span>
                        </div>
                    </div>

                    

                    <!-- Description -->
                    <div class="row form-group">
                        <div class="col-sm-12">
                            {!! Form::textarea('description', '', [
                                'class' => 'form-control',
                                'id' => 'description',
                                'placeholder' => 'Enter Description',
                                'rows' => 3,
                                'required',
                            ]) !!}
                            <span class="text-danger" id="description-error"></span>
                        </div>
                    </div>

                    
                    <!-- Status -->
                    {{-- <div class="row form-group">
                        <div class="col-sm-12">
                            {!! Form::select('status', $statuses, '', [
                                'class' => 'standardSelect form-control',
                                'title' => 'Select Status',
                                'data-live-search' => 'true',
                                'id' => 'status',
                                'data-style' => 'btn-sp',
                                'data-dropup-auto' => 'false',
                                'data-size' => '5',
                            ]) !!}
                            <span class="text-danger" id="status-error"></span>
                        </div>
                    </div> --}}

                    <div class="row form-group">
                        <div class="col-sm-12">
                            <select
                                class="form-control"
                                id="status"
                                name="status"
                                required
                                style="color: #fff; background-color: #000;" <!-- White text on black dropdown -->
                            >
                                @foreach ($statuses as $key => $value)
                                    <option 
                                        value="{{ $key }}" 
                                        style="color: white; background-color: {{ 
                                            $key === 'Not Started' ? '#ff0000' : ($key === 'In Progress' ? '#0000ff' : '#008000') }}; 
                                            border: 1px solid {{ 
                                            $key === 'Not Started' ? '#ff0000' : ($key === 'In Progress' ? '#0000ff' : '#008000') }};">
                                        {{ $value }}
                                    </option>
                                @endforeach
                            </select>
                            <span class="text-danger" id="status-error"></span>
                        </div>
                    </div>
                    
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
                    {!! Form::submit('Submit', ['class' => 'btn btn-primary btn-sm', 'id' => 'saveBtn']) !!}
                </div>

                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>