@extends('layouts.web')
@section('content')
<div class="inner-body" style="padding: 25px;min-height:500px;">
<div class="container">
<div class="row">
<br>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">Add New Member</div>

                <div class="panel-body">
                    
                     <form class="form-horizontal" method="POST" action="{{ url('member') }}" enctype="multipart/form-data">
                        {{ csrf_field() }}
                <div class="row" style="color:black;">
                       
                        <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Name</label>
                                <input id="name" type="text" class="form-control" name="name" required>
                        </div>
                        
                        <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Date Of Birth</label>
                                <input id="dob" type="date" class="form-control" name="dob" required>
                        </div>
                        
                        <div class="col-md-4 form-group">
                            <label class="control-label">Gender</label><br>
                            <input type="radio" name="gender" value="Male" required> Male
                            <input type="radio" name="gender" value="Female" required> Female
                        </div>
                        
                        <div class="col-md-4 form-group">
                            <label class="control-label">Upload Photo for ID Card and Certificate</label>
                            <input type="file" class="form-control" name="photo">
                        </div>
                        
                        <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Qualification/Degree</label>
                                    <select name="quali" class="form-control" id="quali" required>                               
                                        <option>UG</option>
                                        <option>PG</option>     
                                        <option>Ph.D</option> 
                                    </select>
                        </div>
                        
                        <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Subject Discipline</label>
                                    <select name="subdis" class="form-control" id="subdis" required>                               
                                        <option value="">Select Discipline</option>
                                        <option value="01">Agricultural Biotechnology</option>
                                        <option value="02">Agricultural Entomology</option>
                                        <option value="03">Agricultural Microbiology</option>
                                        <option value="04">Economic Botany & Plant Genetic Resources</option>
                                        <option value="05">Genetics & Plant Breeding</option>
                                        <option value="06">Nematology</option>
                                        <option value="07">Plant Biochemistry</option>
                                        <option value="08">Plant Pathology</option>
                                        <option value="09">Plant Physiology</option>
                                        <option value="10">Seed Science & Technology</option>
                                        <option value="11">Floriculture Landscaping &</option>
                                        <option value="12">Fruit Science</option>
                                        <option value="13">Spices, Plantation & Medicinal & Aromatic Plants</option>
                                        <option value="14">Vegetable Science</option>
                                        <option value="15">Animal Biochemistry</option>
                                        <option value="16">Animal Biotechnology</option>
                                        <option value="17">Animal Genetics & Breeding</option>
                                        <option value="18">Animal Nutrition</option>
                                        <option value="19">Animal Physiology</option>
                                        <option value="20">Animal Reproduction & Gynaecology</option>
                                        <option value="21">Dairy Chemistry</option>
                                        <option value="22">Dairy Microbiology</option>
                                        <option value="23">Dairy Technology</option>
                                        <option value="24">Livestock Product Technology</option>
                                        <option value="25">Livestock Production Management</option>
                                        <option value="26">Poultry Science</option>
                                        <option value="27">Veterinary Medicine</option>
                                        <option value="28">Veterinary Microbiology</option>
                                        <option value="29">Veterinary Parasitology</option>
                                        <option value="30">Veterinary Pathology</option>
                                        <option value="31">Veterinary Pharmacology</option>
                                        <option value="32">Veterinary Public Health</option>
                                        <option value="33">Veterinary Surgery</option>
                                        <option value="34">Aquaculture</option>
                                        <option value="35">Fisheries Resource Management</option>
                                        <option value="36">Fish Processing Technology</option>
                                        <option value="37">Fish Nutrition</option>
                                        <option value="38">Fish Health</option>
                                        <option value="39">Fish Genetics & Breeding</option>
                                        <option value="40">Agricultural Chemicals</option>
                                        <option value="41">Agricultural Meteorology</option>
                                        <option value="42">Agroforestry</option>
                                        <option value="43">Agronomy</option>
                                        <option value="44">Environmental Science</option>
                                        <option value="45">Soil Sciences</option>
                                        <option value="46">Agricultural Business Management</option>
                                        <option value="47">Agricultural Economics</option>
                                        <option value="48">Agricultural Extension</option>
                                        <option value="49">Agricultural Statistics</option>
                                        <option value="50">Home Science</option>
                                        <option value="51">Farm Machinery & Power</option>
                                        <option value="52">Computer Applications & IT</option>
                                        <option value="53">Land & Water Management Engineering</option>
                                        <option value="54">Bioinformatics</option>
                                        <option value="55">Food Technology</option>
                                        <option value="56">Agricultural Structure and Process Engineering</option>
                                        <option value="57">Veterinary Anatomy </option>
                                        <option value="58">Agricultural Physics</option>
                                        <option value="59">Electronics & Instrumentation</option>
                                        <option value="60">Textile Manufacture & Technology</option>
                                    </select>
                        </div>
                        
                        
                        <div class="col-md-4 form-group">
                            <label class="control-label">Present Institute</label>
                            <input type="text" class="form-control" name="Institute" required>
                        </div>
                        
                        
                        
                         <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Correspondence Address</label>
                                <input id="caddress" type="text" class="form-control" name="caddress" required>
                        </div>
                        
                        
                        
                        
                         <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Office Phone Number</label>
                                <input id="phone" type="text" class="form-control" name="phone" required>
                        </div>
                        
                        
                         <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Official Email ID</label>
                                <input id="email" type="text" class="form-control" name="email" required>
                        </div>
                        
                        
                         <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Permanent Address</label>
                                <input id="paddress" type="text" class="form-control" name="paddress" required>
                        </div>
                        
                        
                         <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Personal Mobile Numbner</label>
                                <input id="phone1" type="text" class="form-control" name="phone1" required>
                        </div>
                        
                        
                         <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Personal Email ID</label>
                            <input id="email" type="text" class="form-control" name="email1" required>
                         </div>
                        
                        
                        @if(isset($already))
                        <div class="col-md-4 form-group">
                        <label for="name" class="control-label">Life Member ID Number</label>
                        <input id="lifenumber" type="text" class="form-control" name="lifenumber">
                        </div>
                        
                        <div class="col-md-4 form-group">
                            <label for="name" class="control-label">Employee Status</label> <br>
                            <input type="radio" id="working" name="empstatus" value="working">
                            <label for="working">Working</label><br>
                            <input type="radio" id="retired" name="empstatus" value="retired">
                            <label for="retired">Retired</label><br><br>
                        </div>
                        
                        @else
                            <style>
                                table {
                                    width: 100%;
                                    border-collapse: collapse;
                                }
                                table, th, td {
                                    border: 1px solid black;
                                }
                                th, td {
                                    padding: 10px;
                                    text-align: left;
                                }
                                th {
                                    background-color: #f2f2f2;
                                }
                            </style>
                            
                        <div class="col-md-12 form-group">
                            <h2>Payment Bank Details</h2>

                            <table>
                                <tr>
                                    <th>Account Holder Name</th>
                                    <td>Asian PGPR Society for Sustainable Agriculture</td>
                                    <td rowspan="5" style="text-align:center; vertical-align: middle;">
                                        <img src="{{ asset('public/images/upiqr.png') }}" alt="QR Code" style="width:150px; height:170px;">
                                    </td>
                                </tr>
                                <tr>
                                    <th>Account Number</th>
                                    <td>0908102000001830</td>
                                </tr>
                                <tr>
                                    <th>Account Bank Name</th>
                                    <td>IDBI Bank Limited</td>
                                </tr>
                                <tr>
                                    <th>Account Bank Branch Address</th>
                                    <td>ICRISAT Campus, Patencheru</td>
                                </tr>
                                <tr>
                                    <th>Bank IFSC Code</th>
                                    <td>IBKL0000908</td>
                                </tr>
                            </table>
                        </div>
                        
                        <div class="col-md-6 form-group">
                            <label class="control-label">Membership Category</label>
                            <select name="category" id="category" class="form-control" required>
                                <option value="">Select Category</option>
                                <option value="lifemember" data-amount="2500">SAARC Country - Asian PGPR Lifemember (Individual) - ₹2500/-</option>
                                <option value="institute" data-amount="50000">SAARC Country -Institute Membership - ₹50000</option>
                                <option value="industry" data-amount="75000">SAARC Country -Industry Membership  - ₹75000</option>
                                
                                
                                <!--<option value="lifemember" data-amount="100">Other Countries - Asian PGPR Lifemember (Individual) - USD 100</option>
                                <option value="institute" data-amount="1000">Other Countries -Institute Membership - USD 1000</option>
                                <option value="industry" data-amount="1500">Other Countries -Industry Membership  - USD 1500</option>-->
                            </select>
                        </div>
                        
                        <div class="col-md-6 form-group">
                            <label class="control-label">Amount</label>
                            <input id="amount1" type="text" class="form-control" name="amount" readonly>
                        </div>
                        
                        <div class="col-md-6 form-group">
                            <label for="name" class="control-label">Transaction ID</label>
                            <input id="txnid" type="text" class="form-control" name="txnid">
                        </div>
                        
                        <div class="col-md-6 form-group">
                            <label for="name" class="control-label">Payment Proof</label>
                            <input id="pfile" type="file" class="form-control" name="pfile">
                        </div>
                        
                        <div class="col-md-6 form-group">
                            <label for="name" class="control-label">Payment Date</label>
                            <input id="pdate" type="date" class="form-control" name="pdate">
                        </div>
                        
                        
                        
                        
                        @endif
                        
                        
                     

                        <div class="form-group">
                            <div class="col-md-12 col-md-offset-12">
                                <button type="submit" class="btn btn-lg btn-primary">
                                    Submit
                                </button>
                            </div>
                        </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


</div>
</div>
</div>


  
 
@endsection

@section('footer')
 <script src="https://dogmaindia.com/public/bootstrap/js/bootstrap.min.js"></script>
 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
<script>
document.getElementById('category').addEventListener('change', function() {
    var amount = this.options[this.selectedIndex].getAttribute('data-amount');
    document.getElementById('amount1').value = amount ? amount : '';
});
</script>

<script>
$('#select2').select2();
</script>
@endsection