@extends('template.main')
@section('title', 'Add Trip')
@section('content')

<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">@yield('title')</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="/">Home</a></li>
            <li class="breadcrumb-item"><a href="/user">Trips</a></li>
            <li class="breadcrumb-item active">@yield('title')</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <div class="content">
    <div class="container-fluid">
        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title">Trip Details</h3>
                <div class="text-right">
                    <a href="/trips" class="btn btn-dark btn-sm"><i
                            class="fa-solid fa-arrow-rotate-left"></i>
                        Back
                    </a>
                </div>
            </div>
            <!-- /.card-header -->
            <!-- form start -->
            <form class="form-horizontal">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="MemberType">Activity</label>
                                <select name="MemberType" id="MemberType" class="form-control" required>
                                    <option value=""> - Select Type -</option>
                                    <option {{ old(
                                    'Internal') == 'Internal' ? "selected" : "" }} value="Internal">Trip</option>
                                    <option {{ old(
                                    'External') == 'External' ? "selected" : "" }}
                                    value="External">Events</option>
                                </select>
                                @error('MemberType')
                                <span class="invalid-feedback text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="MemberType">Trip Type</label>
                                <select name="MemberType" id="MemberType" class="form-control" required>
                                    <option value=""> - Select Type -</option>
                                    <option {{ old(
                                    'Internal') == 'Internal' ? "selected" : "" }} value="Internal">Internal</option>
                                    <option {{ old(
                                    'External') == 'External' ? "selected" : "" }}
                                    value="External">External</option>
                                </select>
                                @error('MemberType')
                                <span class="invalid-feedback text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="MemberType">Trip Description</label>
                                <select name="ExecutiveType" id="ExecutiveType" class="form-control"
                                        required>
                                    <option value=""> - Select Description -</option>
                                    <option {{ old(
                                    'Funeral') == 'Funeral' ? "selected" : "" }} value="Funeral">Funeral</option>
                                    <option {{ old(
                                    'Function') == 'Function' ? "selected" : "" }}
                                    value="Function">Function</option>
                                    <option {{ old(
                                    'ExamPrayer') == 'ExamPrayer' ? "selected" : "" }}
                                    value="ExamPrayer">Exam Prayer</option>
                                    <option {{ old(
                                    'Mpoho') == 'Mpoho' ? "selected" : "" }}
                                    value="Mpoho">Mpoho</option>
                                    <option {{ old(
                                    'EasterConference') == 'EasterConference' ? "selected" : "" }}
                                    value="EasterConference">Easter Conference</option>
                                    <option {{ old(
                                    'SeptemberConference') == 'SeptemberConference' ? "selected" : "" }}
                                    value="SeptemberConference">September Conference</option>
                                </select>
                                @error('MemberType')
                                <span class="invalid-feedback text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="FirstName">Trip dedicated by:</label>
                                <select class="form-control select2">
                                    <option selected>Member 1</option>
                                    <option>Member 2</option>
                                    <option>Exec 1</option>
                                </select>
<!--                                <input type="text" name="FirstName"-->
<!--                                       class="form-control @error('FirstName') is-invalid @enderror"-->
<!--                                       id="FirstName" placeholder="First Name" value="{{old('FirstName')}}"-->
<!--                                       required>-->
<!--                                @error('FirstName')-->
<!--                                <span class="invalid-feedback text-danger">{{ $message }}</span>-->
<!--                                @enderror-->
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="LastName">Trip Coordinator</label>
                                <select class="form-control select2">
                                    <option selected>Member 1</option>
                                    <option>Member 2</option>
                                    <option>Exec 1</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="DateOfBirth">Departure Date</label>
                                <input type="date" name="DateOfBirth"
                                       class="form-control @error('DateOfBirth') is-invalid @enderror"
                                       id="DateOfBirth" placeholder="Date Of Birth"
                                       value="{{old('DateOfBirth')}}" required>
                                @error('DateOfBirth')
                                <span class="invalid-feedback text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="DateOfBirth">Return Date</label>
                                <input type="date" name="DateOfBirth"
                                       class="form-control @error('DateOfBirth') is-invalid @enderror"
                                       id="DateOfBirth" placeholder="Date Of Birth"
                                       value="{{old('DateOfBirth')}}" required>
                                @error('DateOfBirth')
                                <span class="invalid-feedback text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="MemberType">Transport Mode</label>
                                <select name="MemberType" id="MemberType" class="form-control" required>
                                    <option value=""> - Select Type -</option>
                                    <option {{ old(
                                    'Bus') == 'Bus' ? "selected" : "" }} value="Bus">Bus</option>
                                    <option {{ old(
                                    'MiniVan') == 'MiniVan' ? "selected" : "" }}
                                    value="MiniVan">Mini Van</option>
                                    <option {{ old(
                                    'Taxi') == 'Taxi' ? "selected" : "" }}
                                    value="Taxi">Taxi</option>
                                </select>
                                @error('MemberType')
                                <span class="invalid-feedback text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="MemberType">How Many cars so far?</label>
                                <input type="text" name="FirstName"
                                       class="form-control @error('FirstName') is-invalid @enderror"
                                       id="FirstName" placeholder="First Name" value="{{old('FirstName')}}"
                                       required>
                                @error('FirstName')
                                <span class="invalid-feedback text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="FirstName">Trip Location</label>
                                <select class="form-control select2">
                                    <option selected>Member 1</option>
                                    <option>Member 2</option>
                                    <option>Exec 1</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="FirstName">Transport Amount</label>
                                <input type="text" name="FirstName"
                                       class="form-control @error('FirstName') is-invalid @enderror"
                                       id="FirstName" placeholder="First Name" value="{{old('FirstName')}}"
                                       required>
                                @error('FirstName')
                                <span class="invalid-feedback text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer text-right">
                    <button class="btn btn-dark mr-1" type="reset"><i
                            class="fa-solid fa-arrows-rotate"></i>
                        Reset
                    </button>
                    <button class="btn btn-success" type="submit"><i
                            class="fa-solid fa-floppy-disk"></i>
                        Save
                    </button>
                </div>
            </form>
        </div>
    </div>
  </div>
</div>

@endsection