@extends('template.main')
@section('title', 'Edit Meeting')
@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="/meeting">Meeting</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">Meeting
                                        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">Meeting
                                        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">Meeting-->
<!--                                        Participation Details</a>-->
<!--                                </li>-->
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-one-documents-tab" data-toggle="pill"
                                       href="#custom-tabs-one-documents"
                                       role="tab" aria-controls="custom-tabs-one-documents" aria-selected="false">Meeting
                                        Documents</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="MeetingType">Meeting Type</label>
                                                    <select name="MeetingType" id="MemberType" class="form-control" required>
                                                        <option value=""> - Select Type -</option>
                                                        <option {{ old(
                                                        'Mass') == 'Mass' ? "selected" : "" }} value="Mass">Mass Meeting</option>
                                                        <option {{ old(
                                                        'BEC') == 'BEC' ? "selected" : "" }}
                                                        value="BEC">BEC Meeting</option>
                                                        <option {{ old(
                                                        'Executive') == 'Executive' ? "selected" : "" }}
                                                        value="Executive">Executive Meeting</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="LastName">Conductor Name</label>
                                                    <select class="form-control select2">
                                                        <option selected>Member 1</option>
                                                        <option>Member 2</option>
                                                        <option>Exec 1</option>
                                                    </select>
                                                    @error('LastName')
                                                    <span class="invalid-feedback text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="LastName">Meeting Location</label>
                                                    <select class="form-control select2">
                                                        <option selected>Member 1</option>
                                                        <option>Member 2</option>
                                                        <option>Exec 1</option>
                                                    </select>
                                                    @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">Start Date and Time</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">End Date and Time</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-12">
                                                <div class="form-group">
                                                    <label for="FirstName">Meeting Agenda</label>
                                                    <textarea type="text" name="FirstName" class="form-control
                       @error('FirstName') is-invalid @enderror" id="FirstName"
                                                              value="{{old('FirstName')}}" required rows="3"
                                                              placeholder="Enter ..."></textarea>
                                                    @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">Meeting BOD(Business of the day)</label>-->
<!--                                                    <textarea type="text" name="FirstName" class="form-control-->
<!--                       @error('FirstName') is-invalid @enderror" id="FirstName"-->
<!--                                                              value="{{old('FirstName')}}" required rows="3"-->
<!--                                                              placeholder="Enter ..."></textarea>-->
<!--                                                    @error('FirstName')-->
<!--                                                    <span class="invalid-feedback text-danger">{{ $message }}</span>-->
<!--                                                    @enderror-->
<!--                                                </div>-->
<!--                                            </div>-->
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label for="FirstName">Meeting Recommendations</label>
                                                    <textarea type="text" name="FirstName" class="form-control
                       @error('FirstName') is-invalid @enderror" id="FirstName"
                                                              value="{{old('FirstName')}}" required rows="3"
                                                              placeholder="Enter ..."></textarea>
                                                    @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">Meeting Short Description</label>-->
<!--                                                    <textarea type="text" name="FirstName" class="form-control-->
<!--                       @error('FirstName') is-invalid @enderror" id="FirstName"-->
<!--                                                              value="{{old('FirstName')}}" required 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-lg-6">Attendees | <small>List</small>
                                            </h3>
                                            <div class="input-group col-lg-6">
<!--                                                <input type="text" class="form-control" placeholder="Search using attendees name or cellphone"-->
<!--                                                       aria-label="Recipient's username" aria-describedby="basic-addon2">-->
                                                <select class="form-control select2"  style="width: 80%;">
                                                    <option selected>Search using attendees name or cellphone</option>
                                                    <option>Member 2</option>
                                                    <option>Exec 1</option>
                                                </select>
                                                <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>
                                                        <td><a> <i class="fa fa-truck-moving"></i>Move to apologies</a></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <h3 class="col-md-6">Apologies | <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>
                                                        <td><a> <i class="fa fa-truck-moving"></i>Move to attendees</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-documents" role="tabpanel"
                                         aria-labelledby="custom-tabs-one-documents-tab">
                                        <div class="row">

                                            <h3 class="col-md-6">Documents | <small>List</small>
                                            </h3>
                                            <div class="input-group col-md-6">
                                                <select type="text" class="form-control"
                                                        placeholder="Search using attendees name or cellphone"
                                                        aria-label="Recipient's username" aria-describedby="basic-addon2">
                                                    <option value="">Please select title</option>
                                                    <option value="Minutes">Minutes</option>
<!--                                                    <option value="">Please select title</option>-->
<!--                                                    <option value="">Please select title</option>-->
                                                </select>
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="inputGroupFile04">
                                                    <label class="custom-file-label" for="inputGroupFile04">Choose file</label>
                                                </div>
                                                <div class="input-group-append">
                                                    <button class="btn btn-info" type="button"><i class="fa-solid fa-plus"></i>Add</button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="box box-default">
                                            <div class="table-responsive">
                                                <table class="table table-condensed ">
                                                    <thead>
                                                    <tr>
                                                        <th>Document ID</th>
                                                        <th>Document Title</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><a> <i class="fa fa-trash"></i></a>
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </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