@extends('layouts.admin.master')

@section('title')Settings
 {{ $title }}
@endsection


@push('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/select2.css') }}">
@endpush

@section('content')	
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Academic</h3>
          <ol class="breadcrumb">
            <!-- <li class="breadcrumb-item"><a href="{{ route('index') }}">Home</a></li> -->
            <li class="breadcrumb-item"><a href="javascript:void(0)">Settings</a></li>    
            <li class="breadcrumb-item"><a href="{{route('batchList')}}">Batch list</a></li>            
            <li class="breadcrumb-item"><a href="javascript:void(0)">Batch</a></li>            

          </ol>
        </div>
        
      </div>
    </div>
</div>
	<div class="container-fluid">
	    <div class="row justify-content-center">
	        <div class="col-sm-8">
	            <div class="card">
	                <div class="card-body">
                    <form method="post" action="@if(base64_decode(request()->get('action'))!='add') {{route('updateBatch')}} @else {{route('saveBatch')}} @endif" name="BatchForm" id="BatchForm">
                        @csrf
	                    <div class="form theme-form">	 
                              @if(base64_decode(request()->get('action'))=='edit')
                                <div class="row d-none">
                                    <div class="col">
                                        <div class="mb-3">
                                            <label>Id</label>
                                            <input class="form-control" type="hidden"  name="Id" id ="Id" placeholder="Name *" value="{{encrypt_decrypt('encrypt',$data->batchId)}}" />
                                            <span id="nameError" class="addError"></span>
                                        </div>
                                    </div>
                                </div>
                                @endif                       
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Course name</label>
                                        @php
                                            $courseList = getCourse('All');
                                        @endphp

                                        <select class="js-example-basic-multiple col-sm-12" name ="course" id="course">
                                            <option value="">select course</option>   
                                             @foreach($courseList as $course)
                                            <option value="{{encrypt_decrypt('encrypt',$course->courseId)}}">{{$course->courseName}}</option>                                            
                                            @endforeach                                         
                                        </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Batch Name</label>
	                                    <input class="form-control" type="text" placeholder="Batch Name " id="batch" name="batch"/>
	                                </div>
	                            </div>
	                        </div>                            
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Starting Date</label>
	                                    <div class="input-group">
											<input class="datepicker-here form-control digits" type="text" data-language="en" name="startDate" id="startDate"/>
                                            <div class="input-group-text" data-target="#dt-minimum" data-toggle="datetimepicker"><i class="fa fa-calendar"> </i></div>
										</div>
	                                </div>                                    
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Ending Date</label>
	                                    <div class="input-group">
                                        <input class="datepicker-here form-control digits" type="text" data-language="en" name="endDate" id="endDate" />
                                            <div class="input-group-text" data-target="#dt-minimum" data-toggle="datetimepicker"><i class="fa fa-calendar"> </i></div>
										</div>
	                                </div>                                    
	                            </div>
	                        </div>                       
                            <div class="row">	                            	                            
                                <div class="mb-3">
                                    <label>Status</label>
                                    <select class="form-select" name="status" id="status">
                                        <option value="Active">Active</option>
                                        <option value="Inactive">Inactive</option>
                                    </select>
                                </div>                            
	                        </div>
                            <div class="row">
                                <div class="col mb-3">
                                <div>
                                    <label class="form-label" for="exampleFormControlTextarea9">Remark</label>
                                    <textarea class="form-control" id="exampleFormControlTextarea9" rows="3" id="remark" name="remark"></textarea>
                                </div>
                                </div>
                            </div>                                              	                        
	                        <div class="row">                                                            
	                            <div class="col justify-content-center">
	                                <div class="text-center"><button class="btn btn-primary" type="submit">Add Batch</button></div>
	                            </div>
	                        </div>
	                    </div>
                        </form>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

	
	@push('scripts')
	<script src="{{ asset('assets/js/datepicker/date-picker/datepicker.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.en.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.custom.js') }}"></script>
    <script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2/select2-custom.js') }}"></script>
    <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    <script>
        $("#BatchForm").submit(function(e){
            e.preventDefault();
            var batch = $('#batch').val();
            if(batch=='')
            {
                notifyF("Error",'batch require','danger',2000)
                return false
            }
            else
            {
                e.currentTarget.submit();
            }
        })
    </script>
	@endpush

@endsection