@extends('layouts.admin')

@section('content')
@push('css')
@endpush
<div class="container-fluid">
    <div class="row">        
        <div class="col-md-7">
            <div class="card">
                <div class="card-body">

                    <h5 class="card-title mb-3"> -- Group Member List</h5>
                    <div class="table-responsive">
                        <table id="datatable-buttons" class="table table-striped table-bordered w-100">
                            <thead>
                            <tr>
                                <th>Sl.</th>
                                <th>ID</th>
                                <th>Name</th>
                                <th>User Name</th>
                                <th>Phone</th>
                                <th class="text-center">Action</th>
                            </tr>
                            </thead>
                           
                        </table>
                    </div>
                </div>
            </div>
        </div> <!-- end col --> 
        <div class="col-md-5">
            
                 <div class="card ">
                                    <div class="card-body">
                                        <h5 class="card-title">Add New Member *</h5>
                                        <form>
                                         <div class="form-group row">
                                                <div class="col-sm-12">
                                                    <input class="form-control" type="text" id="subject2" placeholder="Full Name">
                                                </div>  
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-sm-12">
                                                    <input class="form-control" type="email" id="subject2" placeholder="Email">                                                       
                                                </div>     
                                            </div>
                                             <div class="form-group row">
                                                <div class="col-lg-6  mo-b-15">
                                                    <input class="form-control" type="text" id="name" placeholder="Father Name">                                                       
                                                </div> 
                                                <div class="col-lg-6">
                                                    <input class="form-control" type="text" id="name" placeholder="Mother Name">
                                                </div>                                                   
                                            </div>
                                             <div class="form-group row">
                                                <div class="col-lg-6  mo-b-15">
                                                    <input class="form-control" type="text" id="name" placeholder="Nominee Name">                                                       
                                                </div> 
                                                <div class="col-lg-6">
                                                    <input class="form-control" type="text" id="" placeholder="Relation With Nominee">
                                                </div>                                                   
                                            </div>
                                             <div class="form-group row">
                                                <div class="col-sm-12">
                                                    <input class="form-control" type="text" id="subject2" placeholder="National ID Number">
                                                </div>     
                                            </div>
                                              <div class="form-group row">
                                                <div class="col-lg-6  mo-b-15">
                                                    <input class="form-control" type="text" id="name" placeholder="Birth Certificate Number">                                                       
                                                </div> 
                                                <div class="col-lg-6">
                                                    <input class="form-control" type="text" id="name" placeholder="Profession">
                                                </div>                                                   
                                            </div>                                       
                                              <div class="form-group row">
                                                <div class="col-lg-6  mo-b-15">
                                                    <input class="form-control" type="text" id="name" placeholder="Phone 1">                                                       
                                                </div> 
                                                <div class="col-lg-6">
                                                    <input class="form-control" type="email" id="example-email-input3" placeholder="Phone 2">
                                                </div>                                                   
                                            </div>
                                             <div class="form-group row">
                                                <div class="col-lg-6  mo-b-15">
                                                    <input class="form-control" type="text" id="name" placeholder="User_ID">                                                       
                                                </div> 
                                                <div class="col-lg-6">
                                                    <input class="form-control" type="text" id="" placeholder="Refer_ID">
                                                </div>                                                   
                                            </div>
                                           
                                            <div class="form-group row">
                                                <div class="col-lg-6  mo-b-15">
                                                    <input class="form-control" type="text" id="name" placeholder="Blood Group">                                                       
                                                </div> 
                                                <div class="col-lg-6">
                                                    <input class="form-control" type="email" id="example-email-input3" placeholder="Remember Token">
                                                </div>                                                   
                                            </div>
                                             <div class="form-group row">
                                                <div class="col-lg-6  mo-b-15">
                                                    <input class="form-control" type="text" id="name" placeholder="Division">                                                       
                                                </div> 
                                                <div class="col-lg-6">
                                                    <input class="form-control" type="text" id="" placeholder="District">
                                                </div>                                                   
                                            </div>
                                             <div class="form-group row">
                                                <div class="col-lg-6  mo-b-15">
                                                    <input class="form-control" type="text" id="name" placeholder="Thana">                                                       
                                                </div> 
                                                <div class="col-lg-6">
                                                    <input class="form-control" type="text" id="" placeholder="Union/ Word">
                                                </div>                                                   
                                            </div>
                                             <div class="form-group">
                                                <textarea class="form-control" id="exampleFormControlTextarea1" rows="2" placeholder="Address"></textarea>
                                            </div>



                                             <div class="form-group row">
                                                <div class="col-lg-6">
                                                    <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> 
                                                <div class="col-lg-6">
                                                    <div class="input-group">
                                                        <input type="text" class="form-control" placeholder="mm/dd/yyyy" id="datepicker">
                                                        <div class="input-group-append bg-custom b-0"><span class="input-group-text"><i class="mdi mdi-calendar"></i></span></div>
                                                    </div><!-- input-group -->
                                                </div>                                                   
                                            </div>                                           
                                             <div class="form-group row">
                                                <div class="col-sm-12">
                                                    <input class="form-control" type="text" id="subject2" placeholder="Password">          
                                                </div>     
                                            </div> 
                                            <div class="custom-control custom-radio my-2">
                                                <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input" checked>
                                                <label class="custom-control-label" for="customRadio1">Male</label>
                                            </div>
                                            <div class="custom-control custom-radio my-2">
                                                <input type="radio" id="customRadio2" name="customRadio" class="custom-control-input">
                                                <label class="custom-control-label" for="customRadio2">Female</label>
                                            </div>
                                            <button type="submit" class="btn btn-primary w-lg mt-2">Submit</button>
                                        </form>
                                    </div>
                                </div>
        </div> <!-- end col -->                                                               
    </div><!--end row-->
    
</div> <!-- container-fluid -->
@push('alljs')
@endpush
@endsection