@extends('template.main')
@section('title', 'Edit 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">User</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="row">
                <div class="col-md-12">
                    <div class="card card-info card-tabs">
                        <div class="card-header p-0 pt-1">
                            <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">

                                <li class="nav-item">
                                    <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill"
                                       href="#custom-tabs-one-home"
                                       role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Trip
                                        Details</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-one-attendees-tab" data-toggle="pill"
                                       href="#custom-tabs-one-attendees"
                                       role="tab" aria-controls="custom-tabs-one-attendees" aria-selected="false">Trip
                                        Attendees</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill"
                                       href="#custom-tabs-one-profile"
                                       role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Trip
                                        Participation Details</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-one-contribution-tab" data-toggle="pill"
                                       href="#custom-tabs-one-contribution"
                                       role="tab" aria-controls="custom-tabs-one-contribution" aria-selected="false">Trip
                                        Contribution Details</a>
                                </li>
                                <!--                                <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>-->
                            </ul>

                        </div>
                        <div class="card-body">
                            <form>
                                <div class="tab-content" id="custom-tabs-one-tabContent">
                                    <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel"
                                         aria-labelledby="custom-tabs-one-home-tab">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <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>
                                                        <option {{ old(
                                                        'Boyne') == 'Boyne' ? "selected" : "" }}
                                                        value="Boyne">Boyne/Moria</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">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>
                                                    <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>
                                                    <input type="text" name="LastName"
                                                           class="form-control @error('LastName') is-invalid @enderror"
                                                           id="category" placeholder="Last Name"
                                                           value="{{old('LastName')}}"
                                                           required>
                                                    @error('LastName')
                                                    <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="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>
                                                    <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="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 class="row">
                                            <div class="col-lg-3">
                                                <div class="form-group">
                                                    <label for="FirstName">Number of Seats</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 class="col-lg-3">
                                                <div class="form-group">
                                                    <label for="FirstName">Seats Occupied</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 class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="FirstName">Trip/Transport Comments</label>
                                                    <textarea class="form-control" rows="3"
                                                              placeholder="Enter ..."></textarea>
                                                    @error('FirstName')
                                                    <span class="invalid-feedback text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="custom-tabs-one-attendees" role="tabpanel"
                                         aria-labelledby="custom-tabs-one-attendees-tab">
                                        <div class="row">

                                        <h3 class="col-md-6">Attendees | <small>List</small>
                                        </h3>
                                            <div class="input-group col-md-6">
                                                <input type="text" class="form-control" placeholder="Search using attendees name or cellphone" aria-label="Recipient's username" aria-describedby="basic-addon2">
                                                <div class="input-group-append">
                                                    <button class="btn btn-info" type="button">
                                                        <i class="fa-solid fa-upload"></i>Add</button>
                                                    <button class="btn btn-warning" type="button">
                                                        <i class="fa-solid fa-arrows-rotate"></i> Cancel</button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="box box-default">
                                            <div class="table-responsive">
                                                <table class="table table-condensed ">
                                                    <thead>
                                                    <tr>
                                                        <th>Member ID</th>
                                                        <th>First Name</th>
                                                        <th>Second Name</th>
                                                        <th>Last Name</th>
                                                        <th>Email</th>
                                                        <th>Cell Phone</th>
                                                        <th>Added By</th>
                                                        <th>Added On</th>
                                                        <th>Delete</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td>doc1</td>
                                                        <td><i class="fa fa-paperclip"></i><a href>doc2</a></td>
                                                        <td>doc3</td>
                                                        <td>doc3</td>
                                                        <td>doc3</td>
                                                        <td>doc3</td>
                                                        <td>doc3</td>
                                                        <td>doc3</td>
                                                        <td><a> <i class="fa fa-trash"></i></a>
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        </div>
                                    <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel"
                                         aria-labelledby="custom-tabs-one-profile-tab">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="DateOfBirth">Actual 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>
                                            <label for="inputAddress">Participation Numbers</label>
                                            <hr>
                                            <label for="inputAddress">Mass</label>
                                            <hr>
                                            <div class="row">
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress">Females Attended</label>
                                                    <input type="text" class="form-control" id="inputAddress"
                                                           placeholder="1234 Main St">
                                                </div>
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress2">Males Attended</label>
                                                    <input type="text" class="form-control" id="inputAddress2"
                                                           placeholder="Apartment, studio, or floor">
                                                </div>
                                            </div>
                                            <label for="inputAddress">Executives</label>
                                            <hr>
                                            <div class="row">
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress">Females Executives Attended</label>
                                                    <input type="text" class="form-control" id="inputAddress"
                                                           placeholder="1234 Main St">
                                                </div>
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress2">Male Executives Attended</label>
                                                    <input type="text" class="form-control" id="inputAddress2"
                                                           placeholder="Apartment, studio, or floor">
                                                </div>
                                            </div>
                                            <label for="inputAddress">Attire</label>
                                            <hr>
                                            <label for="inputAddress">Church Attire</label>
                                            <hr>
                                            <div class="row">
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress">Khaki Females</label>
                                                    <input type="text" class="form-control" id="inputAddress"
                                                           placeholder="1234 Main St">
                                                </div>
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress2">Khaki Male</label>
                                                    <input type="text" class="form-control" id="inputAddress2"
                                                           placeholder="Apartment, studio, or floor">
                                                </div>
                                            </div>
                                            <label for="inputAddress">Uniform Structure</label>
                                            <hr>
                                            <div class="row">
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress">Females</label>
                                                    <input type="text" class="form-control" id="inputAddress"
                                                           placeholder="1234 Main St">
                                                </div>
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress2">Male</label>
                                                    <input type="text" class="form-control" id="inputAddress2"
                                                           placeholder="Apartment, studio, or floor">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="custom-tabs-one-contribution" role="tabpanel"
                                         aria-labelledby="custom-tabs-one-contribution-tab">
                                       <div>
                                            <label for="inputAddress">Contribution Amounts</label>
                                            <hr>
                                            <div class="row">
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress">Mass</label>
                                                    <input type="text" class="form-control" id="inputAddress"
                                                           placeholder="1234 Main St">
                                                </div>
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress2">BEC</label>
                                                    <input type="text" class="form-control" id="inputAddress2"
                                                           placeholder="Apartment, studio, or floor">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress">Females Executives</label>
                                                    <input type="text" class="form-control" id="inputAddress"
                                                           placeholder="1234 Main St">
                                                </div>
                                                <div class="form-group col-md-3">
                                                    <label for="inputAddress2">Male Executives</label>
                                                    <input type="text" class="form-control" id="inputAddress2"
                                                           placeholder="Apartment, studio, or floor">
                                                </div>
                                            </div>

                                    </div>
                            </form>
                        </div>
                        <div class="card-footer text-right">
                            <button class="btn btn-warning 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>
                    </div>
                </div>
                <!-- /.card -->
            </div>
        </div>
    </div>
</div>
</div>
</div>

@endsection