@extends('admin.layouts.app')


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


@section('content')



<!-- Begin Page Content -->
<div class="container-fluid">

        

 <!-- Page Heading -->
 <div class="d-sm-flex align-items-center justify-content-between mb-4">
     <h1 class="h4 mb-0 text-gray-800">Edit {{ $pia->agency_name }}</h1>
     <a href="{{ route('piaList') }}" 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> PIA List</a>
 </div>

 <div class="row">
     <!-- Add -->
     <div class="col-xl-12 col-lg-7">
         <div class="card shadow mb-4 min_500">
             <!-- Card Body -->
             <div class="card-body">

                 <!--form-->
                 <form id="update_pia_details" action="post" method="{{ route('updatePIADetails') }}">
                     <div class="row">

                       @csrf

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Agency Name<span style="color:red">*</span></label>
                                 <input type="text" id="agency_name" class="form-control" name="agency_name"
                                     placeholder="Agency Name" value="{{ $pia->agency_name }}" readonly >

                                  <span style="color:red" id="agency_name_error"></span>
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Building Number/Name<span style="color:red">*</span></label>
                                 <input type="text" name="building_number" id="building_number" class="form-control" value="{{ $pia->building_number }}" class="Building Number" >
                                 <span style="color:red" id="building_number_error"></span>
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Street, Landmark<span style="color:red">*</span></label>
                                 <input type="text" name="street_name" id="street_name" class="form-control" value="{{ $pia->street_name }}" class="Street Name">
                                 <span style="color:red" id="street_name_error"></span>
                             </div>
                         </div>
                         <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="sector[]" class="chosen-select" multiple>
                @foreach($sectors as $sector)
                    <option value="{{ $sector->id }}" 
                        @if(in_array($sector->id, $selectedSectors)) 
                            selected="selected" 
                        @endif>
                        {{ $sector->name }}
                    </option>
                @endforeach
            </select>
            <span id="sectordropdown_error" style="color:red;"></span>
        </div>
    </div>
</div>

<div class="col-md-6">
    <div class="form-group">
        <label for="">Trade <span style="color:red;">*</span></label><br>
        <div class="form-group">
            <select id="tradedropdown" name="trade[]" class="chosen-select" multiple>
                @foreach($courses as $course)
                    <option value="{{ $course->id }}" 
                        @if(in_array($course->id, $selectedCourses)) 
                            selected="selected" 
                        @endif>
                        {{ $course->tradename }}
                    </option>
                @endforeach
            </select>
            <span id="tradedropdown_error" style="color:red;"></span>
        </div>
    </div>
</div>




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

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Course Assigned Location<span style="color:red">*</span></label>
                                 <input type="text" class="form-control" name="course_assigned_location"
                                     placeholder="Course Assigned Location" id="course_assigned_location" value="{{ $pia->course_assigned_location }}" maxlength="250">
                                <span style="color:red;" id="course_assigned_location_error"></span>
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">State<span style="color:red;">*</span></label><br>
                                 <div class="form-group">
                                     <select name="state" class="form-control" id="state">
                                         <option value="">Choose State</option>

                                         @foreach($states as $state)

                                            @if($state->id==$pia->state_id) 

                                                <option selected value="{{ $state->id }}">{{ $state->name }}</option>
                                            @else

                                                <option  value="{{ $state->id }}">{{ $state->name }}</option>

                                            @endif

                                        @endforeach
                                     </select>
                                     <span id="state_error" style="color:red;"></span>
                                 </div>
                                 
                             </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 name="district" class="form-control" id="district" >
                                         <option value="">Choose District</option>

                                         @foreach($districts as $district)

                                            @if($district->id==$pia->district_id)

                                            <option 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="">Phone Number</label>
                                 <input type="text" class="form-control" name="phone_number"
                                     placeholder="Phone Number" id="phone_number" value="{{ $pia->phone_number }}" maxlength="12" oninput="this.value = this.value.replace(/[^0-9]/g, '');">
                                <span style="color:red" id="phone_number_error"></span>
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Mobile Number<span style="color:red">*</span></label>
                                 <input type="text" class="form-control" name="mobile_number"
                                     placeholder="Mobile Number" id="mobile_number" value="{{ $pia->mobile_number }}" maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '');">
                                     <span style="color:red" id="mobile_number_error"></span>
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">PAN Number<span style="color:red">*</span></label>
                                 <input type="text" class="form-control" name="pan_number"
                                     placeholder="PAN Number" id="pan_number" value="{{ $pia->pan_number }}" readonly>
                                     <span style="color:red" id="pan_number_error"></span>
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Post Office<span style="color:red">*</span></label>
                                 <input type="text" class="form-control" name="post_office"
                                     placeholder="Post Office" id="post_office" value="{{ $pia->post_office }}" maxlength="25">
                                <span style="color:red;" id="post_office_error"></span>
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Pincode<span style="color:red">*</span></label>
                                 <input type="text" class="form-control" id="pincode" name="pincode"
                                     placeholder="PINCODE" value="{{ $pia->pincode }}" maxlength="6" oninput="this.value = this.value.replace(/[^0-9]/g, '');" >

                                     <span style="color:red" id="pincode_error"></span>
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Email Id<span style="color:red">*</span></label>
                                 <input type="email" class="form-control" name="email"
                                     placeholder="Email Id" value="{{ $pia->email }}" readonly >
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Supporting Document</label>
                                 <input type="file" class="form-control" id="pia_doc" name="attachment"accept=".pdf" >
                                    <small>(Max size: 2 MB)</small>
                                    <br>
                                     <span id="errorMessage">Only Pdf documents of maximum size of 2MB allowed</span>

                                     @if($pia->attachment)

                                     <a href="{{ asset('storage/pia_docs/'.$pia->attachment)}}" target="_blank" >Click Here to view document</a>

                                    @endif
                             </div>
                         </div>




                     </div>
                     <div class="row">
                         <div class="col-12 text-right">
                             <hr>
                             <div class="alert alert-primary" style="display:none" id="plwait">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('piaList') }}">Cancel</a></button>
                         </div>
                     </div>

                 </form>
                 <!--form-->

             </div>
             <!-- Card Body -->
         </div>
     </div>
     <!-- Add -->
 </div>

</div>
<!-- /.container-fluid -->
<link rel="stylesheet" href="path/to/chosen.min.css">
<script src="path/to/jquery.min.js"></script>
<script src="path/to/chosen.jquery.min.js"></script>


<script>
$("#sectordropdown").on("change", function() {
    var selectedSectors = $(this).val(); // Get selected sectors
    $.ajax({
        url: '/admin/get-trades', // Ensure this route is set up
        method: 'GET',
        data: {
            sectors: selectedSectors,
            _token: $('meta[name="csrf-token"]').attr('content') // CSRF token for security
        },
        success: function(data) {
    console.log("Fetched trades: ", data); // Log the fetched trades
    $('#tradedropdown').empty(); // Clear the dropdown

    // Populate with new options
    $.each(data, function(index, trade) {
        $('#tradedropdown').append(
            `<option value="${trade.id}">${trade.tradename}</option>`
        );
    });
    
    // Update chosen dropdown
    $('#tradedropdown').trigger("chosen:updated");
   

}

       
    });
});


</script>

@endsection