@extends('pia.layouts.app')

@section('title','edit Course')

@section('content')
<style>
    .form-check {
        margin-right: 15px; /* Adjust the value as needed */
    }
</style>

    <div class="container-fluid">
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h4 mb-0 text-gray-800">Edit {{ $course->training_name }}</h1>
            <a href="{{ route('courseList') }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
                     class="fas fa-add fa-sm text-white-50"></i> Course List</a>
        </div>
        <div class="row">
            <div class="col-xl-12 col-lg-7">
                <div class="card shadow mb-4 min_500">
                    <div class="card-body">
                    @if (count($errors) > 0)
                            <div class = "alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <!-- <form id="update_course_details" method="post" action="{{ route('updateCourseDetails',['course'=>base64_encode($course->id)]) }}" > -->
                        <form id="update_training_details" method="post" action="{{ route('updateTrainingDetails') }}" >

                        @csrf
                                <div class="row">
                                <!--left-->
                                        <input id="id" type="hidden" name="id" value="{{ $course->id }}">

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="">Sector<span style="color:red;">*</span></label><br>
                                                <div class="form-group">
                                                    <select id = "sectordropdown" name="SectorID" class="form-control">
                                                        <option value="">Choose Sector</option>
                                                        @foreach($Sector as $sector)

                                                        @if($sector->Sector->id==$course->sector_id)
                                                            <option selected="selected" value="{{ $sector->Sector->id }}">{{ $sector->Sector->name }}</option>
                                                        @else
                                                            <option  value="{{ $sector->Sector->id }}">{{ $sector->Sector->name }}</option>
                                                        @endif
                                                        @endforeach
                                                    </select>
                                                    <span id="sector_error" style="color:red"></span>
                                                </div>                                
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <label for="">Trade Name<span style="color:red;">*</span></label><br>
                                            <div class="form-group">
                                            <input name = "CourseMasterID" id = "coursename" type="hidden" class="form-control">
                                                <select id="trainingdropdown" class="form-control" name="trainingdropdown">
                                                    <option value="">Choose Trade</option>
                                                        @foreach($CourseMaster as $cm)
                                                            @if($cm->id==$course->coursemaster_id)
                                                                <option selected value="{{ $cm->id }}">{{ $cm->tradename }}</option>
                                                            @else
                                                                <option  value="{{ $cm->id }}">{{ $cm->tradename }}</option>
                                                            @endif
                                                         @endforeach
                                                </select>
                                                <span id="course_error" style="color:red"></span>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <label for="">Trade Code<span style="color:red;"></span></label><br>
                                            <div class="form-group">
                                            @foreach($CourseMaster as $cm)
                                                @if($cm->id==$course->coursemaster_id)
                                                    <input value="{{ $cm->tradecode }}" type="text" id="coursecode" class="form-control" name="CourseCode" readonly="readonly">
                                                @endif
                                            @endforeach                                              
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="">Training Programme Name<span style="color:red">*</span></label>
                                                <input id="training_name" type="text" class="form-control" name="TrainingName"
                                                placeholder="Training Programme Name" value="{{ $course->training_name }}">
                                                <span id="training_name_error" style="color:red;"></span>
                                            </div>
                                        </div>

                                        <input type="hidden" id="duration" name="duration" value="{{ $course->duration }}">

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="">Training Programme Description<span style="color:red">*</span></label>
                                                <input id="description" type="text" class="form-control" maxlength="150" name="Description"
                                                placeholder="Description" value="{{ $course->description }}">
                                                <span id="description_error" style="color:red;"></span>
                                            </div>
                                        </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                        <label for="training_location">Training location <span style="color:red">*</span></label>
                                        <div class="d-flex align-items-center">
                                            <div class="form-check me-3">
                                                <input 
                                                    class="form-check-input" 
                                                    type="radio" 
                                                    name="training_location" 
                                                    id="residential" 
                                                    value="Residential" 
                                                    {{ $course->training_location == 'residential' ? 'checked' : '' }} 
                                                    required
                                                >
                                                <label class="form-check-label" for="residential">Residential</label>
                                            </div>

                                            <div class="form-check">
                                                <input 
                                                    class="form-check-input" 
                                                    type="radio" 
                                                    name="training_location" 
                                                    id="non_residential" 
                                                    value="Non-Residential" 
                                                    {{ $course->training_location == 'non_residential' ? 'checked' : '' }} 
                                                    required
                                                >
                                                <label class="form-check-label" for="non_residential">Non-Residential</label>
                                            </div>
                                        </div>
                                        <span id="training_type_error" style="color:red;"></span>
                                    </div>
                                    </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="">Skills<span style="color:red;">*</span></label><br>
                                                <div class="form-group">
                                                    <select name="Skill[]" id="skill" class="chosen-select" multiple >
                                                        @foreach($Skill as $skill)
                                                            <option  value="{{ $skill->id }}" 
                                                                @foreach($course->SkillList as $course_skill)
                                                                    @if($course_skill->skill_id==$skill->id)
                                                                        selected="selected"
                                                                    @endif
                                                                @endforeach
                                                            />
                                                            {{ $skill->name  }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <span id="skill_error" style="color:red"></span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6" type="hidden" hidden>
                                            <div class="form-group">
                                                <label for="">Agency Name<span style="color:red">*</span></label>
                                                <input id="PIA" type="text" class="form-control" name="PiaID" value="{{ auth()->user()->Piaid->id }}">
                                            </div>
                                        </div>


                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="">District<span style="color:red;">*</span></label><br>
                                                    <div class="form-group">
                                                        <select id = "districtdropdown" name="DistrictID" class="form-control">
                                                            <option value="">Choose District</option>
                                                            @foreach($District as $district)

                                                            @if($district->id==$course->district_id)
                                                                <option selected="selected" value="{{ $district->id }}">{{ $district->name }}</option>
                                                            @else
                                                                <option  value="{{ $district->id }}">{{ $district->name }}</option>
                                                            @endif
                                                            @endforeach
                                                        </select>
                                                        <span id="district_error" style="color:red"></span>
                                                    </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="">Local Body<span style="color:red;">*</span></label><br>
                                                    <div class="form-group">
                                                    <input name = "LocalBodyID" id = "localbodydropdown" type="hidden" class="form-control">
                                                        <select id="lbdropdown" name="LocalBodyID" class="form-control">
                                                            <option value="">Choose Local Body</option>
                                                            @foreach($LocalBody as $lb)

                                                            @if($lb->id==$course->localbody_id)
                                                                <option selected="selected" value="{{ $lb->id }}">{{ $lb->name_eng }}</option>
                                                            @else
                                                                <option  value="{{ $lb->id }}">{{ $lb->name_eng }}</option>
                                                            @endif
                                                            @endforeach
                                                        </select>
                                                        <span id="local_body_error" style="color:red"></span>
                                                    </div>
                                 
                                            </div>
                                        </div>

                                    <!--left-->

                                    <!--right-->

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Venue<span style="color:red">*</span></label>
                                            <input id="venue" type="text" class="form-control" maxlength="100" name="Venue"
                                            value="{{ $course->venue }}">
                                            <span id="venue_error" style="color:red;"></span>
                                        </div>
                                    </div>

                                    




                                    <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Start Date<span style="color:red">*</span></label>
                                <input id="start_date_edit" type="date" class="form-control" name="start_date" onchange="validateDates()"  value="{{ $course->start_date }}" >
                                <span id="start_date_error" style="color:red;"></span>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">End Date<span style="color:red">*</span></label>
                                <input id="end_date_edit" type="date" class="form-control" name="end_date" onchange="validateDates()" value="{{ $course->end_date }}">
                                <span id="end_date_error" style="color:red;"></span>
                            </div>
                        </div>

                                    <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Duration<span style="color:red">*</span></label>
                                <input id="duration_new" type="text" class="form-control" maxlength="15" name="duration_new" readonly="readonly"  value="{{ $course->duration }}">
                                <span id="duration_new_error" style="color:red;"></span>
                            </div>
                        </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">General Seats<span style="color:red">*</span></label>
                                            <input id = "gen_seats" type="text" class="seats form-control" name="GeneralSeats"
                                            value="{{ $course->general_seats }}" maxlength="5" oninput="this.value = this.value.replace(/[^0-9]/g, '');">
                                            <span id="gen_seats_error" style="color:red;"></span>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">SC/ST Seats<span style="color:red">*</span></label>
                                            <input id = "sc_seats" type="text" class="seats form-control" name="SCSTSeats"
                                            value="{{ $course->scst_seats }}" maxlength="5" oninput="this.value = this.value.replace(/[^0-9]/g, '');">
                                            <span id="sc_seats_error" style="color:red;"></span>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Minority Seats<span style="color:red">*</span></label>
                                            <input id = "min_seats" type="text" class="seats form-control" name="MinoritySeats"
                                            value="{{ $course->minority_seats }}" maxlength="5" oninput="this.value = this.value.replace(/[^0-9]/g, '');">
                                            <span id="min_seats_error" style="color:red;"></span>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Total Number of seats<span style="color:red">*(Total of the above mentioned seats)</span></label>
                                            <input id = "total" type="text" class="form-control" name="TotSeats" readonly="readonly"
                                            value="{{ $course->no_of_seats }}">
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Remarks</label>
                                            <input type="text" class="form-control" maxlength="150" name="Remarks"
                                             value="{{ $course->Remarks }}">
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Potential Employers</label>
                                            <input type="text" class="form-control" maxlength="150" name="FuturePossibilities"
                                             value="{{ $course->future_possibilities }}">
                                        </div>
                                    </div>
@if($course->course_status == 22)

<input type="hidden" name="TPStatus" id="tpstatusdropdown" value="{{$course->course_status}}">
@else
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Training Programme Status<span style="color:red;">*</span></label><br>
                                            <div class="form-group">
                                                <select id="tpstatusdropdown" name="TPStatus" class="form-control">
                                                    <option value="">Choose Training Programme Status</option>
                                                    <option value = "1" {{ $course->course_status == 1 ? 'selected':'' }}>Active(In Progress)</option>
                                                    <option value = "3" {{ $course->course_status == 3 ? 'selected':'' }}>Completed</option>
                                                    <option value = "23" {{ $course->course_status == 23 ? 'selected':'' }}>Featured</option>
                                                    <option value = "9" {{ $course->course_status == 9 ? 'selected':'' }}>Cancelled</option>
                                                    <option value = "10" {{ $course->course_status == 10 ? 'selected':'' }}>Postponed</option>
                                                    <option value = "18" {{ $course->course_status == 18 ? 'selected':'' }}>Blocked(Rejected)</option>

                                                </select>
                                                <span id="tp_status_error" style="color:red;"></span>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    @endif
                                </div>
                        

                            <div class="row">
                                <div class="col-12 text-right">
                                    <hr>
                                    <div id="plwait" style="display:none" class="alert alert-info">Please wait.Process in progress.......
                                    </div>
                                        <button type="submit" class="btn btn-primary">Update</button>
                                        <button type="reset" class="btn btn-default"><a href="{{ route('courseList')}}">Cancel</a></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>




    

<script>







document.addEventListener('DOMContentLoaded', function () {
    const durationInput = document.getElementById('duration');  // Original duration
    const durationNewInput = document.getElementById('duration_new');  // Read-only new duration
    const startDateInput = document.getElementById('start_date_edit');  // Start date input
    const endDateInput = document.getElementById('end_date_edit');  // End date input

    // Set today's date as the minimum for the start date
    const today = new Date().toISOString().split('T')[0];
    startDateInput.setAttribute('min', today);

    // Function to calculate the end date based on start date and duration (in days)
    function calculateEndDate(startDate, duration) {
        const endDate = new Date(startDate);
        endDate.setDate(endDate.getDate() + duration);  // Add duration in days
        return endDate.toISOString().split('T')[0];  // Return in 'YYYY-MM-DD' format
    }

    // Function to calculate the duration in days between two dates
    function calculateDurationInDays(startDate, endDate) {
        const timeDiff = endDate - startDate;  // Difference in milliseconds
        return Math.ceil(timeDiff / (1000 * 60 * 60 * 24));  // Convert milliseconds to days
    }

    // Event listener for start date change
    startDateInput.addEventListener('change', function () {
        const startDate = new Date(this.value);

        if (isNaN(startDate)) {
            console.warn('Invalid start date.');
            return;
        }

        const duration = parseInt(durationInput.value || 1);  // Default to 1 day if empty
        const calculatedEndDate = calculateEndDate(startDate, duration);

        // Set the minimum and value for the end date field
        endDateInput.setAttribute('min', calculatedEndDate);
        endDateInput.value = calculatedEndDate;  // Automatically set the end date

        // Populate the new duration field with the initial duration
        durationNewInput.value = duration;
    });

    // Event listener for end date change (user modifies the end date)
    endDateInput.addEventListener('change', function () {
        const startDate = new Date(startDateInput.value);
        const endDate = new Date(this.value);

        if (isNaN(startDate) || isNaN(endDate)) {
            console.warn('Invalid date input.');
            return;
        }

        const newDuration = calculateDurationInDays(startDate, endDate);

        // Update the readonly new duration field
        durationNewInput.value = newDuration > 0 ? newDuration : 0;

        if (newDuration < 1) {
            alert('End date must be at least 1 day after the start date.');
            this.value = '';  // Clear invalid end date
            durationNewInput.value = '';  // Clear new duration
        }
    });
});




  
    </script>

@endsection