@extends('layouts.admin.master')

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


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

@section('content')	
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Course</h3>
          <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="javascript:void(0)">Settings</a></li>    
              <li class="breadcrumb-item"><a href="{{ route('courseList') }}">Course List</a></li>            
              <li class="breadcrumb-item"><a href="javascript:void(0)">@if($data ?? '') {{"Update"}} @else {{"Add"}}@endif</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 action="@if(base64_decode(request()->get('action'))!='add') {{route('updateCourse')}} @else {{route('saveCourse')}} @endif" method="post" name="saveCourseForm" id="saveCourseForm">
                            @csrf
	                    <div class="form theme-form">
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Academic Yr</label>
	                                    <select class="form-select" name="academic" id="academic">
	                                        <option value="">--Select--</option>
	                                        @foreach($acadList as $acad)
	                                        <option value="{{$acad->acadId}}">{{$acad->name}}</option>
                                            @endforeach
	                                    </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Branch</label>
	                                    <select class="form-select" name="branch" id="branch">
                                            <option value="">--Select--</option>
	                                        @foreach($branchList as $branch)
	                                        <option value="{{$branch->branchId}}">{{$branch->name}}</option>
                                            @endforeach
	                                        <option value="999">All</option>
	                                    </select>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">	                            	                            
                                <div class="mb-3">
                                    <label>Course type</label>
                                    <select class="form-select" name="courseType" id="courseType" required>
                                        <option value="">--Select Course type--</option>
                                        <option value="regular">Regular</option>
                                        <option value="test_form">Test Form</option>                                        
                                    </select>
                                </div>                            
	                        </div>
                            @if(base64_decode(request()->get('action'))=='edit')
                            <div class="row d-none">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Course id</label>
	                                    <input class="form-control" type="text" placeholder="Name " id="Id" name="Id" value="{{encrypt_decrypt('encrypt',$data->courseId)}}"/>
	                                </div>
	                            </div>
	                        </div>
                            @endif
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Course name</label>
	                                    <input class="form-control" type="text" placeholder="Name " id="courseName" name="courseName" value="{{$data->courseName ?? ''}}"/>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Course code</label>
	                                    <input class="form-control" type="text" placeholder="Course code " id="courseCode" name="courseCode" value="{{$data->courseCode ?? ''}}"/>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row d-none">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Course alias</label>
	                                    <input class="form-control" type="text" placeholder="Course alias " id="courseAlias" name="courseAlias" value="{{$data->shortName ?? ''}}"/>
	                                </div>                                    
	                            </div>
	                        </div>
                            <div class="row">	                            	                            
                                <div class="mb-3">
                                    <label>Roll no</label>
                                    <select class="form-select" name="rollNo" id="rollNo">
                                        <option value="">--Select--</option>
                                        @foreach($rollList as $roll)
                                        <option value="{{$roll->rollId}}">{{$roll->name}}</option>
                                        @endforeach
                                    </select>
                                </div>                            
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Test Amount</label>
	                                    <input class="form-control testFormAmount" type="text" placeholder="Test Amount" id="testAmount" name="testAmount" oninput="this.value==this.value.replace(/[^0-9]/g,'')" value="{{$data->testAmount ?? ''}}"/>
	                                </div>
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Tution Fee</label>
	                                    <input class="form-control amount" type="text" placeholder="Tution Fee" id="tutionFee" name="tutionFee" oninput="this.value = this.value.replace(/[^0-9]/g, ''); " value="{{$data->tutionFee ?? ''}}"/>
	                                </div>                                    
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Admission Fee</label>
	                                    <input class="form-control amount" type="text" placeholder="Admission Fee" id="admissionFee" name="admissionFee" oninput="this.value = this.value.replace(/[^0-9]/g, ''); " value="{{$data->admissionFee ?? ''}}"/>
	                                </div>                                    
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Infra Fee</label>
	                                    <input class="form-control amount" type="text" placeholder="Infra Fee" id="infraFee" name="infraFee" oninput="this.value = this.value.replace(/[^0-9]/g, ''); "  value="{{$data->infraFee ?? ''}}"/>
	                                </div>                                    
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Exam Fee</label>
	                                    <input class="form-control amount" type="text" placeholder="examFee " id="examFee" name="examFee" oninput="this.value = this.value.replace(/[^0-9]/g, ''); "  value="{{$data->examFee ?? ''}}"/>
	                                </div>                                    
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>SM Fee</label>
	                                    <input class="form-control amount" type="text" placeholder="SM Fee" id="SMFee" name="SMFee" oninput="this.value = this.value.replace(/[^0-9]/g, ''); "  value="{{$data->SMFee ?? ''}}"/>
	                                </div>                                    
	                            </div>
	                        </div>
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Total Fee</label>
	                                    <input class="form-control" type="text" placeholder="Total Fee" id="TotalFee" name="TotalFee" oninput="this.value = this.value.replace(/[^0-9]/g, ''); " value="0"  disabled/>
	                                </div>                                    
	                            </div>
	                        </div>
                            <!-- <div class="row">	                            	                            
                                <div class="mb-3">
                                    <label>Tax(%)</label>
                                    <select class="form-select" name="tax" id="tax">
                                        <option value="">--Select Tax--</option>
                                        <option value="0">0</option>
                                        <option value="6">6</option>
                                        <option value="9">9</option>
                                        <option value="18">18</option>
                                    </select>
                                </div>                            
	                        </div> -->
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Sesion End Date(Exam)</label>
	                                    <div class="input-group">
											<input class="datepicker-here form-control digits" type="text" data-language="en" name="sessionEndDate" id="startDate" value="{{$data->sesionEndExamDate ?? ''}}"/>
                                            <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>Sesion End Date(Class)</label>
	                                    <div class="input-group">
                                        <input class="datepicker-here form-control digits" type="text" data-language="en" name="classEndDate" id="endDate"  value="{{$data->sessionEndClassDate ?? ''}}"/>
                                            <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="mb-3">
                                    <label>LedgerHead</label>
                                    <select class="form-select" name="ledgerHead" id="ledgerHead">
                                        <option value="">-- Select Ledger Head --</option>
                                        @foreach($ledger as $led)
                                        <option value="{{$led->ledger_id}}">{{$led->ledgerName}}</option>
                                        @endforeach
                                    </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">{{$data->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">@if($data ?? '') {{"Update"}} @else {{"Save"}}@endif</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/notify/bootstrap-notify.min.js')}}"></script>
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    <script>
        $(function(){
            $("#admissionFee,#tutionFee,#infraFee,#examFee,#SMFee,#testAmount").keyup(function(){      
                var value = 0          
                console.log($(this).val(),'valueee')
                if(!isNaN($(this).val()))
                {
                    var tutionFee = $('#tutionFee').val() ? $('#tutionFee').val(): 0
                    var admFee = $('#admissionFee').val() ? $('#admissionFee').val(): 0
                    var infraFee = $('#infraFee').val() ? $('#infraFee').val(): 0
                    var examFee = $('#examFee').val() ? $('#examFee').val(): 0
                    var smFee = $('#SMFee').val() ? $('#SMFee').val(): 0
                    var testAmount = $('#testAmount').val() ? $('#testAmount').val(): 0

                    value = parseInt(tutionFee) + parseInt(admFee) +parseInt(infraFee) + parseInt(examFee) + parseInt(smFee) + parseInt(testAmount)
                    $("#TotalFee").val(value)
                }
               
            })
        })

        $(function(){
            $("#courseType").change(function(){
                var type = $(this).val()
                if(type=="test_form")                
                {
                    $(".amount").closest('input').each(function(){
                        $(this).attr('disabled',true)
                        $(this).val('0')
                        console.log($(this).attr('disabled',true),'valuel')
                    })                 
                    $('.testFormAmount').attr('disabled',false)

                }
                else
                {
                    $('.testFormAmount').attr('disabled',true)
                    $(".testFormAmount").val('0')
                    $(".amount").closest('input').each(function(){
                        // console.log(value,'value')
                        console.log($(this).attr('disabled',false),'valuel')
                    })    
                }
            })
        })
        $(function(){
            $("#saveCourseForm").submit(function(e){
                if($("#academic").val()=='')
                {
                    notifyF("Error","Select academic",'danger',2000)
                    return false
                }
                if($("#branch").val()=='')
                {
                    notifyF("Error","Select branch",'danger',2000)
                    return false
                }
                if($("#courseName").val()=='')
                {
                    notifyF("Error","Fill Course name",'danger',2000)
                    return false
                }
                if($("#rollNo").val()=='')
                {
                    notifyF("Error","Select Roll",'danger',2000)
                    return false
                }
                if($("#ledgerHead").val()=='')
                {
                    notifyF("Error","Select Ledger",'danger',2000)
                    return false
                } 
                if($("#tax").val()=='')
                {
                    notifyF("Error","Select Tax",'danger',2000)
                    return false
                }
                if($("#courseType").val()=='')
                {
                    notifyF("Error","Select Course Type",'danger',2000)
                    return false
                }
                
                if($("#tutionFee").val()=='')
                {
                    notifyF("Error","Fill Tution",'danger',2000)
                    return false
                }               
            })
        })
    </script>
    @if($data ?? '')
    <script>
            $(function(){
                $("#status").val('{{$data->status}}').attr("selected","selected");                
            })

            $(function(){
                $("#academic").val('{{$data->acadId}}').attr("selected","selected");                
            })
            $(function(){
                $("#branch").val('{{$data->branchId}}').attr("selected","selected");                
            })
            $(function(){
                $("#rollNo").val('{{$data->rollId}}').attr("selected","selected");                
            })
           
    </script>
    @endif
        @if(Session()->has('Response'))
            <script>
                notifyF("{{Session('Response')}}","{{Session('Msg')}}",'primary',2000)
            </script>
        @endif
	@endpush

@endsection