@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.show_meeting')</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">
                <div class="card-header">
                    <h4>@lang('meetings.show_meeting')</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <tbody>
                                        <tr>
                                            <th>@lang('meetings.purpose')</th>
                                            <td>{{ $meeting->purpose }}</td>
                                        </tr>
                                        <tr>
                                            <th>@lang('meetings.meeting_destination')</th>
                                            <td>{{ $meeting->destination->name }}</td>
                                        </tr>
                                        <tr>
                                            <th>@lang('meetings.date')</th>
                                            <td>{{ $meeting->date }}</td>
                                        </tr>
                                        <tr>
                                            <th>@lang('meetings.time')</th>
                                            <td>{{ \Carbon\Carbon::parse($meeting->meeting_hours)->format('g:i A') }}</td>
                                        </tr>
                                        <tr>
                                            <th>@lang('meetings.current_status')</th>
                                            <td>
                                                <button type="button"
                                                    class="btn btn-sm btn-outline-{{ $meeting->status == 'pending' ? 'warning' : ($meeting->status == 'approved' ? 'success' : ($meeting->status == 'completed' ? 'info' : 'danger')) }}">
                                                    <i class="fas fa-{{ $meeting->status == 'pending' ? 'clock' : ($meeting->status == 'approved' ? 'check-circle' : ($meeting->status == 'completed' ? 'check-double' : 'times-circle')) }}"></i>
                                                    @lang('meetings.' . $meeting->status)
                                                </button>
                                            </td>
                                        </tr>

                                        <tr>
                                            @if ($meeting->report_to == auth()->id())
                                            <th>@lang('meetings.status')</th>
                                                <td>
                                                    <!-- Button trigger modal -->
                                                    <button type="button" class="btn btn-sm btn-outline-primary"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#updateStatusModal-{{ $meeting->id }}">
                                                        <i class="fas fa-edit"></i> {{ __('meetings.update_status') }}
                                                    </button>

                                                    <!-- Modal -->
                                                    <div class="modal fade" id="updateStatusModal-{{ $meeting->id }}"
                                                        tabindex="-1"
                                                        aria-labelledby="updateStatusModalLabel-{{ $meeting->id }}"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog">
                                                            <form action="{{ route('meetings.updateStatus', $meeting->id) }}"
                                                                method="POST">
                                                                @csrf
                                                                @method('PUT')
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title"
                                                                            id="updateStatusModalLabel-{{ $meeting->id }}">
                                                                            {{ __('meetings.update_meeting_status') }}</h5>
                                                                        <button type="button" class="btn-close"
                                                                            data-bs-dismiss="modal"
                                                                            aria-label="{{ __('meetings.close') }}"></button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <label
                                                                            for="status">{{ __('meetings.select_status') }}</label>
                                                                        <select name="status" class="form-select" required>
                                                                            <option value="pending"
                                                                                {{ $meeting->status == 'pending' ? 'selected' : '' }}>
                                                                                {{ __('meetings.pending') }}</option>
                                                                            <option value="approved"
                                                                                {{ $meeting->status == 'approved' ? 'selected' : '' }}>
                                                                                {{ __('meetings.approved') }}</option>
                                                                            <option value="rejected"
                                                                                {{ $meeting->status == 'rejected' ? 'selected' : '' }}>
                                                                                {{ __('meetings.rejected') }}</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="submit"
                                                                            class="btn btn-success">{{ __('meetings.save') }}</button>
                                                                        <button type="button" class="btn btn-secondary"
                                                                            data-bs-dismiss="modal">{{ __('meetings.cancel') }}</button>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </td>

                                            @endif

                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <form action="{{ route('meetings.update', $meeting->id) }}" method="POST"
                                @if ($meeting->status == 'pending' || $meeting->status == 'rejected') disabled @endif>
                                @csrf
                                @method('PUT')
                                <div class="form-group">
                                    <label for="meeting_minutes">@lang('meetings.meeting_minutes')</label>
                                    <textarea class="form-control" id="meeting_minutes" rows="4" name="minutes"
                                        {{ ($meeting->status == 'pending' || $meeting->status == 'rejected') ? 'disabled' : ($meeting->created_by != auth()->id() ? 'readonly' : '') }}>{{ $meeting->minutes }}

                                    </textarea>
                                </div>
                                <div class="text-left pt-3 float-start">
                                    <button type="submit" class="btn btn-success btn-sm"
                                        {{ $meeting->status == 'pending' || $meeting->status == 'rejected' ? 'disabled' : '' }}
                                        @if ($meeting->created_by != auth()->id()) disabled @endif
                                        >
                                        <i class="fa fa-edit"></i> @lang('global.update')
                                    </button>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection