@extends('layouts.mastercms')


@section('content')
<div class="content-wrapper container">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                 <div class="col-sm-6">
                     <h1>Create a Member.</h1>
                 </div>
            </div>
        </div>
    </section>
    <section class='mx-4'>
    <form method='POST'action="/member"  enctype="multipart/form-data">
    @csrf
        <div class="col-md-6">
        <div class="form-floating my-3">
        <label for="name" class="text-secondary">Name <span class="font-normal text-danger">*</span></label>
            <input type="text" required class="form-control col-lg-7" name="name" placeholder="Name of member">
         </div>
         <div class="form-floating my-3">
            <label for="title" class="text-secondary">Title <span class="font-normal text-danger">*</span></label><br>
            <input type="text" name='title' required class="form-control col-lg-7" placeholder="Title of member">
         </div></div>
         <div class="col-md-6">
            <div class="form-floating mt-2">
                <label for="status" class="text-secondary">Type <span class="font-normal text-danger">*</span></label><br/>
                <select class="form-select custom-select col-lg-7" name="type" aria-label="Floating label select example" required>          
                <option value='respected_lifetime_member'>Respected lifetime member</option>
                <option value='lifetime_member'>Lifetime member</option> 
                <option value='committee_member'>Committee member</option>  
                <option value='member'>Member</option>              
               
                </select>
            </div>
         </div>
         <div class="col-md-6">
            <div class="form-floating mt-2">
                <label for="status" class="text-secondary">Level <span class="font-normal text-danger">*</span></label><br/>
                <select class="form-select custom-select col-lg-7" name="level" aria-label="Floating label select example" required>          
                <option value=1>First Level</option>
                <option value=2>Second level</option> 
                <option value=3>Third level</option>  
                <option value=4>Fourth level</option>              
                <option value=5>Fifth level</option>  
                </select>
            </div>
         </div>
        <div class="col-md-6">
        <div class="form-floating my-3">
            <label for="title" class="text-secondary">Order <span class="font-normal text-danger">* (1-200)</span></label><br>
            <select class="form-select custom-select col-lg-7" name="order" aria-label="Floating label select example">          
                @for($i=1; $i < 200; $i++)
                <option value={{$i}}>{{$i}}</option>
                @endfor
                </select>
         </div></div>
         <div class="col-md-6">
            <div class="form-floating mt-2">
                <label for="status" class="text-secondary">Year <span class="font-normal text-danger">*</span></label><br/>
                <select class="form-select custom-select col-lg-7" name="category" aria-label="Floating label select example">          
                @foreach($membercat as $memcat)
                <option value='{{$memcat->title}}'>{{$memcat->title}}</option>
                @endforeach
                </select>
            </div>
         </div>
        <div class="col-md-6">
        <div class="form-floating mt-2 mb-4">
            <label for="images" class="text-secondary"> Image <span class="font-normal text-danger">*</span></label>
            <input type="file" class="form-control col-md-7" name="image" placeholder="Image" required>
        </div>
        <div class="form-floating my-3">
        <input type="checkbox" name="activeCurrentYear" id="name" value=1>
        <label for="name" class="text-secondary px-3">Active Member This Year.</label>
        
        </div>
        <div class="form-floating my-3">
        <label for="name" class="text-secondary">Facebook link</label>
            <input type="text"  class="form-control col-lg-7" name="facebook" placeholder="Member facebook link">
         </div>

        <button type='Submit' class="btn btn-success px-4 mb-4">Create</button>
    </form>
    </section>
    
</div>
@endsection