@extends('layouts.admin_layout')
@section('content')
<div class="container-fluid">
    <div class="row column_title">
    <div class="col-md-12">
        <div class="page_title">
            <h2>Manage Board Members</h2>
        </div>
    </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="white_shd full margin_bottom_30">
                <div class="full graph_head">
                    <div class="heading1 margin_0">
                    <h2>Create New Board Member</h2>
                    </div>
                </div>
                <div class="padding_infor_info">
                    <form action="{{url('admin/manage-board-members')}}" method="POST" enctype="multipart/form-data">
                     @csrf
                        <div class="form-group">
                            <label>Category</label>
                            <select class="form-control" name="category_id"  id="category_id"> 
                                <option value="">--Select--</option>
                                @foreach($categories as $index=>$category)
                                <option value="{{$category->id}}" >{{$category->name}}</option>
                                @endforeach
                                
                            </select>
                        </div>

                <div class="form-group">
                    <label>Salutation</label>
                    <select class="form-control" name="salutation"  id="salutation"> 
                        <option value="">--Select--</option>
                        <option value="Dr." selected>Dr.</option>
                        <option value="Mr.">Mr.</option>
                        <option value="Ms.">Ms.</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>Name</label>
                    <input class="form-control" type="text" placeholder="Name"  name ="name" required>
                </div>
                <div class="form-group">
                    <label>photo <span class="text-danger">[190 * 233]</span></label>
                    <input class="form-control" type="file" placeholder="Profile Photo" name="image" >
                </div>
                <div class="form-group">
                    <label>Designation</label>
                    <input class="form-control " type="text" placeholder="Designation"  name="designation" >
                </div>
                <div class="form-group">
                    <label>Company Name</label>
                    <input class="form-control" type="text" placeholder="Company Name"  name="company_name" >
                </div>
                <div class="form-group">
                    <label>Description</label>
                    <textarea class=" ckEditor" placeholder="Description"  name="description" id="description"></textarea>
                </div>
                <!-- Duration -->
                <p style="margin-bottom:-1px;">During Period : </p>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label><b>From</b></label>
                            <input class="form-control" type="date" placeholder="From Date"  name="from_date" required>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <label><b>To</b></label>
                            <input class="form-control" type="date" placeholder="From Date"  name="to_date" required>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label>Linkedin Link</label>
                    <input class="form-control" type="text" placeholder="Linkedin Link"  name="linkedin_link" >
                </div>
                <div class="form-group">
                    <label>Twitter Link</label>
                    <input class="form-control" type="text" placeholder="Twitter Link"  name="twitter_link" >
                </div>
                 <div class="form-group">
                    <label>Facebook Link</label>
                    <input class="form-control" type="text" placeholder="Facebook Link"  name="facebook_link" >
                </div>
                <div class="form-group">
                    <label>Sorting</label>
                    <input class="form-control" type="number" placeholder="Sort"  name="sorting" >
                </div>
                <div class="form-group">
                      <label >Status</label>
                        <div class="custom-control custom-radio mb-3">
                            <input type="radio" id="customRadio1"  class="custom-control-input" value="1" name="status">
                            <label class="custom-control-label" for="customRadio1">Active</label>
						</div>
                        <div class="custom-control custom-radio mb-5">
                            <input type="radio" id="customRadio2"  class="custom-control-input" value="0" name="status" checked="">
                            <label class="custom-control-label" for="customRadio2">In-Active</label>
                        </div>
                  </div>
                <div class="form-group">
                  <button type="submit" class="btn btn-primary">Submit</button>
                  <a href="{{ url('admin/manage-board-members')}}" class="btn btn-danger">Cancel</a>
                </div>
		    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection