@extends('template.main')
@section('title', 'Edit User')
@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">
            <!-- Small boxes (Stat box) -->

            <div class="card card-info">
                <div class="card-header">
                    <h3 class="card-title">Member Details</h3>
                    <div class="text-right">
                        <a href="/user" 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">
                        <form class="needs-validation" novalidate action="/user/{{ 2 }}"
                              method="POST">
                            @csrf
                            @method('PUT')
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="MemberType">Member Title</label>
                                            <select name="UserType" id="UserType" class="form-control" required>
                                                <option value=""> - Select Type -</option>
                                                <option {{ old(
                                                'title') == 'Mr' ? "selected" : "" }} value="Mr">Mr</option>
                                                <option {{ old(
                                                'title') == 'Ms' ? "selected" : "" }} value="Ms">Ms</option>
                                                <option {{ old(
                                                'title') == 'Mrs' ? "selected" : "" }}
                                                value="Mrs">Mrs</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">Member Type</label>
                                            <select name="user_type_id" id="user_type_id" class="form-control" required>
                                                <option value=""> - Select Type -</option>
                                                <option {{ old(
                                                'user_type_id') == '1' ? "selected" : "" }} value="Mass">Mass</option>
                                                <option {{ old(
                                                'user_type_id') == '2' ? "selected" : "" }}
                                                value="Executive">Executive</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">Executive Type</label>
                                            <select name="ExecutiveType" id="ExecutiveType" class="form-control"
                                                    required>
                                                <option value=""> - Select Executive Type -</option>
                                                <option {{ old(
                                                'ExecutiveType') == 'BEC' ? "selected" : "" }} value="BEC">BEC (Branch
                                                Executive Committee)</option>
                                                <option {{ old(
                                                'ExecutiveType') == 'MaleExecutive' ? "selected" : "" }}
                                                value="MaleExecutive">Male Executive</option>
                                                <option {{ old(
                                                'ExecutiveType') == 'FemaleExecutive' ? "selected" : "" }}
                                                value="FemaleExecutive">Female Executive</option>
                                                <option {{ old(
                                                'Secretary') == 'Secretary' ? "selected" : "" }}
                                                value="Secretary">Secretary</option>
                                            </select>
                                            @error('MemberType')
                                            <span class="invalid-feedback text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="FirstName">First Name</label>
                                            <input type="text" name="FirstName"
                                                   class="form-control @error('FirstName') is-invalid @enderror"
                                                   id="FirstName" placeholder="First Name" value="{{old('FirstName', $user->first_name)}}"
                                                   required>
                                            @error('FirstName')
                                            <span class="invalid-feedback text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="SecondName">Second Name</label>
                                            <input type="text" name="SecondName"
                                                   class="form-control @error('SecondName') is-invalid @enderror"
                                                   id="SecondName" placeholder="Second Name" value="{{old('SecondName', $user->second_name)}}"
                                                   required>
                                            @error('FirstName')
                                            <span class="invalid-feedback text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="LastName">Last Name</label>
                                            <input type="text" name="LastName"
                                                   class="form-control @error('LastName') is-invalid @enderror"
                                                   id="category" placeholder="Last Name" value="{{old('LastName', $user->last_name)}}"
                                                   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="Gender">Gender</label>
                                            <select name="Gender" id="Gender" class="form-control" required>
                                                <option value=""> - Select Gender -</option>
                                                <option {{ old(
                                                'Gender') == 'Male' ? "selected" : "" }} value="Male">Male</option>
                                                <option {{ old(
                                                'Gender') == 'Female' ? "selected" : "" }}
                                                value="Female">Female</option>
                                            </select>
                                            @error('Gender')
                                            <span class="invalid-feedback text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="DateOfBirth">Date Of Birth</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>


                                <form>
                                    <label for="inputAddress">Home Address</label>
                                    <div class="row">
                                        <div class="form-group col-md-3">
                                            <label for="inputAddress">Address Line 1</label>
                                            <input type="text" class="form-control" id="inputAddress"
                                                   placeholder="1234 Main St">
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label for="inputAddress2">Address Line 2</label>
                                            <input type="text" class="form-control" id="inputAddress2"
                                                   placeholder="Apartment, studio, or floor">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label for="inputCity">City</label>
                                            <input type="text" class="form-control" id="inputCity">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label for="inputState">Suburb/Area</label>
                                            <select id="inputState" class="form-control">
                                                <option selected>Choose...</option>
                                                <option>...</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label for="inputZip">Code</label>
                                            <input type="text" class="form-control" id="inputZip">
                                        </div>
                                    </div>
                                </form>
                                <form>
                                    <label for="inputAddress">School Address</label>
                                    <div class="row">
                                        <div class="form-group col-md-3">
                                            <label for="inputAddress">Address Line 1</label>
                                            <input type="text" class="form-control" id="inputAddress"
                                                   placeholder="1234 Main St">
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label for="inputAddress2">Address Line 2</label>
                                            <input type="text" class="form-control" id="inputAddress2"
                                                   placeholder="Apartment, studio, or floor">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label for="inputCity">City</label>
                                            <input type="text" class="form-control" id="inputCity">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label for="inputState">Suburb/Area</label>
                                            <select id="inputState" class="form-control">
                                                <option selected>Choose...</option>
                                                <option>...</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <label for="inputZip">Code</label>
                                            <input type="text" class="form-control" id="inputZip">
                                        </div>
                                    </div>
                                </form>

                                <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 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>
                    </form>
                </div>
            </div>
            <!-- /.content -->
        </div>
    </div>
</div>
</div>

@endsection