@extends('lay.dnekcab.retsam')

@section('title')
    {{ $page_title }}
@endsection

@section('page-content')
    <div class="page-content">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <div class="card-header py-0">
                        <div class="col-md-12">
                            <div class="row align-items-center">
                                <div class="col-md-10">
                                    <div class="row">
                                        <div class="col-md-10 px-0">
                                            <ol class="breadcrumb align-items-center m-0 px-0">
                                                <li class="breadcrumb-item"><a href="{{ route('meetings.index') }}"><i
                                                            class="fa fa-list" style="position: relative; top: 3px;"></i>
                                                        @lang('global.meeting')</a></li>
                                                <li class="breadcrumb-item active"><i class="fas fa-angle-double-left mx-1"
                                                        style="position: relative; top: 3px"></i>@lang('meetings.edit')</li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <a href="{{ route('meetings.index') }}"
                                        class="btn btn-primary btn-sm form-control addNewItemsBtn pull-left text-white">
                                        <i class="fa fa-arrow-left"></i> @lang('global.back')
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card shadow">
                <div class="card-header ">
                    <h4>@lang('meetings.edit')</h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('meetings.updateMeeting', $meeting->id) }}" method="POST">
                        @csrf
                        @method('POST')  {{-- Can change to 'PUT' if necessary, based on the route definition --}}
                        
                        <div class="row">
                            <div class="col-md-3 mb-3">
                                <label for="purpose" class="form-label">@lang('meetings.purpose')</label>
                                <input type="text" class="form-control" id="purpose" name="purpose" value="{{ old('purpose', $meeting->purpose) }}" required
                                    {{ auth()->id() !== $meeting->created_by ? 'disabled' : '' }}>
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="meeting_destination_id" class="form-label">@lang('meetings.meeting_destination')</label>
                                <select class="form-control select2" id="meeting_destination_id" name="meeting_destination_id" required
                                    {{ auth()->id() !== $meeting->created_by ? 'disabled' : '' }}>
                                    <option value="">@lang('global.select')</option>
                                    @foreach ($organizations as $organization)
                                        <option value="{{ $organization->id }}" 
                                            {{ old('meeting_destination_id', $meeting->meeting_destination_id) == $organization->id ? 'selected' : '' }}>
                                            {{ $organization->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2 mb-3">
                                <label for="date" class="form-label">@lang('meetings.date')</label>
                                <input type="date" class="form-control" id="date" name="date" value="{{ old('date', $meeting->date) }}" required
                                    {{ auth()->id() !== $meeting->created_by ? 'disabled' : '' }}>
                            </div>
                            <div class="col-md-1 mb-3">
                                <label for="meeting_hours" class="form-label">@lang('meetings.meeting_hours')</label>
                                <input type="time" class="form-control" id="meeting_hours" name="meeting_hours" value="{{ old('meeting_hours', $meeting->meeting_hours) }}" required
                                    {{ auth()->id() !== $meeting->created_by ? 'disabled' : '' }}>
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="remarks" class="form-label">@lang('meetings.remarks')</label>
                                <input type="text" class="form-control" id="remarks" name="remarks" value="{{ old('remarks', $meeting->remarks) }}"
                                    {{ auth()->id() !== $meeting->created_by ? 'disabled' : '' }}>
                            </div>
                            <div class="col-md-12 mb-3 text-start">
                                <button type="submit" class="btn btn-primary" 
                                    {{ auth()->id() !== $meeting->created_by ? 'disabled' : '' }}>
                                    <i class="fas fa-save"></i> @lang('global.submit')
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection