@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.add')</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.add')</h4>
                </div>
                <div class="card-body">

                    <form action="{{ route('meetings.store') }}" method="POST">
                        @csrf
                        <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" required>
                            </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>
                                    <option value="">@lang('global.select')</option>
                                    @foreach ($organizations as $organization)
                                        <option value="{{ $organization->id }}">
                                            {{ $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" required>
                            </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" required>
                            </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">
                            </div>
                            <div class="col-md-12 mb-3 text-start">
                                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i>
                                    @lang('global.submit')</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        @endsection