@extends('student.layouts.app')
@section('titlePage', 'Update Profile')
@section('content')
<!-- container -->
<div class="main-container container-fluid">

    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="left-content">
            <span class="main-content-title mg-b-0 mg-b-lg-1">PROFILE</span>
        </div>
        <div class="justify-content-center mt-2">
            <ol class="breadcrumb breadcrumb-style3">
                <li class="breadcrumb-item tx-15"><a href="javascript:void(0);">Pages</a></li>
                <li class="breadcrumb-item active" aria-current="page">Profile</li>
            </ol>
        </div>
    </div>
    <!-- /breadcrumb -->

    <div class="row">
        <div class="col-12">
            <div class="card overflow-hidden">
                <div class="card-body p-0">
                    <div class="profile-cover ht-350"> <img class="student-profile" src="{{ asset($client_data->client_org_cover_image) }}" style="
                        width: 1193px;
                        height: 350px;
                    "></div>
                    <div class="px-4 pt-4 pos-relative">
                        <div class="rounded-circle profile-img">
                            <img src="{{ asset($data->avatar) }}" alt="Image" class="avatar-xxl rounded-circle">
                        </div>
                        <div class="mt-4 d-sm-flex">
                            <div class="mt-0 mb-sm-0 mb-3">
                                <h3 class="mb-1">{{$data->fullname ?? null}}</h3>
                                <!-- <span class="tx-muted">{{$data->student_type}}</span> -->
                            </div>
                           {{-- <div class="ms-auto mg-sm-t-0-f mt-2">
                                <div class="d-sm-flex">
                                    <div class="d-flex align-items-center me-4 mb-2 mg-b-sm-0-f">
                                        <span class="avatar rounded-circle bg-primary-transparent"><i class="fe fe-briefcase tx-primary"></i></span>
                                        <div class="ms-2">
                                            <p class="mb-1 font-weight-semibold">Projects</p>
                                            <span class="tx-muted">746</span>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center me-4 mb-2 mg-b-sm-0-f">
                                        <span class="avatar rounded-circle bg-warning-transparent"><i class="fe fe-cast tx-warning"></i></span>
                                        <div class="ms-2">
                                            <p class="mb-1 font-weight-semibold">Following</p>
                                            <span class="tx-muted">12K</span>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <span class="avatar rounded-circle bg-green-transparent"><i class="fe fe-users tx-green"></i></span>
                                        <div class="ms-2">
                                            <p class="mb-1 font-weight-semibold">Followers</p>
                                            <span class="tx-muted">325K</span>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}
                        </div>
                    </div>

                    <div class="panel tabs-style7 scaleX mt-2">
                        <div class="panel-head">
                            <ul class="nav nav-tabs d-block d-sm-flex">
                                <li class="nav-item"><a class="nav-link tx-14 font-weight-semibold text-sm-center text-start active" data-bs-toggle="tab" href="#profileTab1">About</a></li>
                                <li class="nav-item ms-sm-2 ms-0"><a class="nav-link tx-14 font-weight-semibold text-sm-center text-start" data-bs-toggle="tab" href="#profileTab2">Edit Profile</a></li>
                                <!-- <li class="nav-item ms-sm-2 ms-0"><a class="nav-link tx-14 font-weight-semibold text-sm-center text-start" data-bs-toggle="tab" href="#profileTab3">Timeline</a></li>
                                <li class="nav-item ms-sm-2 ms-0"><a class="nav-link tx-14 font-weight-semibold text-sm-center text-start" data-bs-toggle="tab" href="#profileTab4">Gallery</a></li>
                                <li class="nav-item ms-sm-2 ms-0"><a class="nav-link tx-14 font-weight-semibold text-sm-center text-start" data-bs-toggle="tab" href="#profileTab5">Friends</a></li> -->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-12">
        <div class="panel-body p-0 border-0">
            <div class="tab-content">
                <div class="tab-pane active" id="profileTab1">
                    <div class="card">
                        <div class="card-body p-0 border-0">
                            <div class="p-4">
                                <h4 class="tx-15 text-uppercase font-weight-semibold mb-3">About Me</h4>
                                <p class="mb-1">Labore sadipscing amet ea ipsum ipsum, diam amet voluptua clita sea takimata labore, et duo et tempor vero dolores ipsum. Kasd rebum tempor lorem dolor at, et ut magna lorem.
                                    Labore sadipscing amet ea ipsum ipsum, diam amet voluptua clita sea takimata labore, et duo et tempor vero dolores ipsum. Kasd rebum tempor lorem dolor at, et ut magna lorem.
                                </p>
                                <p class="mb-0">Labore sadipscing amet ea ipsum ipsum, diam amet voluptua clita sea takimata labore, et duo et tempor vero dolores ipsum. Kasd rebum tempor lorem dolor at, et ut magna lorem.
                                    Labore sadipscing amet ea ipsum ips, Kasd rebum tempor lorem dolor at, et ut magna lorem.
                                </p>
                            </div>
                            <div class="border-top"></div>
                            <div class="p-4">
                                <h4 class="tx-15 text-uppercase font-weight-semibold mb-3">Personal Details</h4>
                                <div class="d-sm-flex">
                                    <div class="d-flex align-items-center me-4 mb-3 mb-sm-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="fa fa-calendar-check tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Date of birth</p>
                                            <span class="tx-muted">{{$data->dob}}</span><br>
                                            <!-- <span class="tx-muted">{{$data->alternate_mobile}}</span> -->
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center me-4 mb-3 mb-sm-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="fa fa-user tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Registration Number</p>
                                            <span class="tx-muted">{{$data->registration_number}}</span><br>
                                            <!-- <span class="tx-muted">{{$data->alternate_email}}</span> -->
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        @if($data->gender == "Female")
                                        <span class="avatar rounded-circle bg-custom"><i class="fa fa-female tx-muted op-7"></i></span>
                                    @else
                                        <span class="avatar rounded-circle bg-custom"><i class="fa fa-male tx-muted op-7"></i></span>
                                    @endif
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Gender</p>
                                            <span class="tx-muted">{{$data->gender}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="border-top"></div>
                            <div class="p-4">
                                <h4 class="tx-15 text-uppercase font-weight-semibold mb-3">Contact Details</h4>
                                <div class="d-sm-flex">
                                    <div class="d-flex align-items-center me-4 mb-3 mb-sm-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="icon ion-md-phone-portrait tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Mobile</p>
                                            <span class="tx-muted">{{$data->phone_number}}</span><br>
                                            <!-- <span class="tx-muted">{{$data->alternate_mobile}}</span> -->
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center me-4 mb-3 mb-sm-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="fa fa-envelope tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Email</p>
                                            <span class="tx-muted">{{$data->email}}</span><br>
                                            <!-- <span class="tx-muted">{{$data->alternate_email}}</span> -->
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <span class="avatar rounded-circle bg-custom"><i class="far fa-envelope tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Alternate Email</p>
                                            <span class="tx-muted">{{$data->alternate_email}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="border-top"></div>
                            <div class="p-4">
                                <h4 class="tx-15 text-uppercase font-weight-semibold mb-3">Social Media</h4>
                                <div class="d-md-flex">
                                    <div class="d-flex align-items-center me-4 mb-3 mb-md-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="fab fa-facebook tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Facebook</p>
                                            <a href="javascript:void(0);" class="tx-inverse">{{$data->facebook_url}}</a>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center me-4 mb-3 mb-md-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="icon ion-logo-twitter tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Twitter</p>
                                            <a href="javascript:void(0);" class="tx-inverse">{{$data->twitter_url}}</a>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <span class="avatar rounded-circle bg-custom"><i class="icon ion-logo-linkedin tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Linkedin</p>
                                            <a href="javascript:void(0);" class="tx-inverse">{{$data->linkedIn_url}}</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="border-top"></div>
                            <div class="p-4">
                                <h4 class="tx-15 text-uppercase font-weight-semibold mb-3">Student Grade</h4>
                                <div class="d-sm-flex">
                                    <div class="d-flex align-items-center me-4 mb-3 mb-sm-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="icon ion-ios-checkbox tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Tenth</p>
                                            <span class="tx-muted">{{$data->tenth_marks}}</span><br>
                                            <!-- <span class="tx-muted">{{$data->alternate_mobile}}</span> -->
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center me-4 mb-3 mb-sm-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="icon ion-ios-checkbox tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Twelfth</p>
                                            <span class="tx-muted">{{$data->twelth_marks}}</span><br>
                                            <!-- <span class="tx-muted">{{$data->alternate_email}}</span> -->
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center me-4 mb-3 mb-sm-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="icon ion-ios-checkbox tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">Diploma</p>
                                            <span class="tx-muted">{{$data->diploma_marks}}</span>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center me-4 mb-3 mb-sm-0">
                                        <span class="avatar rounded-circle bg-custom"><i class="icon ion-ios-checkbox tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">UG</p>
                                            <span class="tx-muted">{{$data->ug_marks}}</span>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <span class="avatar rounded-circle bg-custom"><i class="icon ion-ios-checkbox tx-muted op-7"></i></span>
                                        <div class="ms-3">
                                            <p class="mb-1 font-weight-semibold">PG</p>
                                            <span class="tx-muted">{{$data->pg_marks}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="profileTab2">
                    <div class="card">
                        <div class="card-body border-0">
                        @include('common.alert')
                            <!-- <div class="d-flex">
                                <div class="ms-auto">
                                    <a href="javascript:void(0);" class="btn btn-sm btn-primary rounded-pill">Save Changes</a>
                                    <a href="javascript:void(0);" class="btn btn-sm btn-outline-danger rounded-pill">Cancel</a>
                                </div>
                            </div> -->
                            <form method="POST" action="{{ _route('student.update', $data->id) }}" enctype="multipart/form-data">
                            @csrf
						@method('PUT')
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Fullname</label>
                                        <input type="text" class="form-control" id="fullname" name="fullname" value="{{ old('fullname', $data->fullname ?? null) }}" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Email ID</label>
                                        <input type="text" class="form-control" id="email" name="email" value="{{ old('email', $data->email ?? null) }}" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Date of birth</label>
                                        <input type="text" class="form-control input-date" id="dob" name="dob" value="{{ old('dob', $data->dob ?? null) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Registration Number</label>
                                        <input type="text" class="form-control" id="register" name="registration_number" value="{{ old('registration_number', $data->registration_number ?? null) }}" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Phone Number *</label>
                                        <input type="tel" class="form-control" name="phone_number" value="{{ old('phone_number', $data->phone_number ?? null) }}" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Gender</label>
                                        <select class="form-control" name="gender" id="gender">
                                            @foreach (\App\Students::getOptionGender() as $gender)
                                            <option value="{{$gender}}" @if(($data->gender ?? null) == $gender) selected @endif>{{$gender}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Parent/Guardian Name *</label>
                                        <input type="text" class="form-control" name="guardian_name" value="{{ old('guardian_name', $data->guardian_name ?? null) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Parent/Guardian Email ID *</label>
                                        <input type="email" class="form-control" name="guardian_email" value="{{ old('guardian_email', $data->guardian_email ?? null) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Parent/Guardian PhoneNumber *</label>
                                        <input type="tel" class="form-control" name="guardian_phonenumber" value="{{ old('guardian_phonenumber', $data->guardian_phonenumber ?? null) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Facebook Profile</label>
                                        <input type="text" class="form-control" name="facebook_url" value="{{ old('facebook_url', $data->facebook_url ?? null) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">LinkedIn Profile</label>
                                        <input type="text" class="form-control" name="linkedIn_url" value="{{ old('linkedIn_url', $data->linkedIn_url ?? null) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Twitter Profile</label>
                                        <input type="text" class="form-control" name="twitter_url" value="{{ old('twitter_url', $data->twitter_url ?? null)}}">
                                    </div>
                                </div>
                                {{-- <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Select Campus <span class="text-red">*</span></label>
                                        <select class="form-control" name="campus_id" disabled>
                                            <option value="">{{$data->campus->campus_title}}</option>
                                            @foreach ($dataMap['campuses'] as $campus)
                                            <option value="{{$campus->id}}" @if(($data->campus_id ?? null) == $campus->id) selected @endif>{{$campus->campus_title}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Select Degree <span class="text-red">*</span></label>
                                        <select class="form-control" name="degree_specialization_id" disabled>
                                            @if(!empty($data) && $data->degree_specialization_id && !empty($dataMap['degreesMap'][$data->campus_id]))
                                            @foreach ($dataMap['degreesMap'][$data->campus_id] as $degree)
                                            <option value="{{$degree['id']}}" @if(($data->degree_specialization_id ?? null) == $degree['id']) selected @endif>{{$degree['title']}}</option>
                                            @endforeach
                                            @else
                                            <option value="">{{$data->degree->deg_spc_title}}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Select Department <span class="text-red">*</span></label>
                                        <select class="form-control" name="department_mng_id" disabled>
                                            <!-- @if(!empty($data) && $data->department_mng_id && !empty($dataMap['departmentsMap'][$data->degree_specialization_id]))
                    @foreach ($dataMap['departmentsMap'][$data->degree_specialization_id] as $department)
                        <option value="{{$department['id']}}"
                                @if(($data->department_mng_id ?? null) == $department['id']) selected @endif>{{$department['title']}}</option>
                    @endforeach
                @endif -->
                                            <option value="">{{$data->department->d_name}}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Select Batch <span class="text-red">*</span></label>
                                        <select class="form-control" name="batch_id" disabled>
                                            <!-- @if(!empty($data) && $data->batch_id && !empty($dataMap['batchesMap'][$data->department_mng_id]))
                    @foreach ($dataMap['batchesMap'][$data->department_mng_id] as $batch)
                        <option value="{{$batch['id']}}"
                                @if(($data->batch_id ?? null) == $batch['id']) selected @endif>{{$batch['title']}}</option>
                    @endforeach
                @endif -->
                                            <option value="">{{$data->batch->batch_title}}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Select Section <span class="text-red">*</span></label>
                                        <select class="form-control" name="section_id" disabled>
                                            @if(!empty($data) && $data->section_id && !empty($dataMap['sectionsMap'][$data->batch_id]))
                                            @foreach ($dataMap['sectionsMap'][$data->batch_id] as $section)
                                            <option value="{{$section['id']}}" @if(($data->section_id ?? null) == $section['id']) selected @endif>{{$section['title']}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Status</label>
                                        <select class="form-control" name="status" id="status">
                                            @foreach (\App\Students::getOptionStatus() as $status)
                                            <option value="{{$status}}" @if(($data->status ?? null) == $status) selected @endif>{{$status}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Tenth Marks</label>
                                        <input type="number" step="any" class="form-control" name="tenth_marks" value="{{ old('tenth_marks', $data->tenth_marks ?? 0) }}" readonly>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Twelfth Marks</label>
                                        <input type="number" step="any" class="form-control" name="twelth_marks" value="{{ old('twelth_marks', $data->twelth_marks ?? 0) }}" readonly>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Diploma Marks</label>
                                        <input type="number" step="any" class="form-control" name="diploma_marks" value="{{ old('diploma_marks', $data->diploma_marks ?? 0) }}" readonly>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">UG Marks</label>
                                        <input type="number" step="any" class="form-control" name="ug_marks" value="{{ old('ug_marks', $data->ug_marks ?? 0) }}" readonly>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">PG Marks</label>
                                        <input type="number" step="any" class="form-control" name="pg_marks" value="{{ old('pg_marks', $data->pg_marks ?? 0) }}" readonly>
                                    </div>
                                </div> --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Current Backlogs</label>
                                        <input type="number" class="form-control" name="current_backlogs" min="0" value="{{ old('current_backlogs', $data->current_backlogs ?? 0) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Backlogs History</label>
                                        <input type="number" class="form-control" name="backlog_history" min="0" value="{{ old('backlog_history', $data->backlog_history ?? 0) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Interested In Placements</label>
                                        <select name="interested_in_placements" id="interested_in_placements" class="form-control">
                                            <option {{ old('interested_in_placements', $data->interested_in_placements ?? 0) == 0 ? 'selected' : '' }} value="0">No</option>
                                            <option {{ old('interested_in_placements', $data->interested_in_placements ?? 0) == 1 ? 'selected' : '' }} value="1">Yes</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Avatar <small>(Type: "png,jpg,jpeg,gif", maximum:2MB)</small></label><br>
                                        <input type="file" name="avatar" class="form-control" accept=".png,.jpg,.jpeg,.gif" id="avatar">
                                        @if (!empty($data->avatar))
                                        <img src="{{$data->getPathAvatar()}}" style="margin-top:15px;max-height:100px;">
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <span class="alert alert-danger text-dark" id="avatar_error" style="display:none">File size allowed is Max 2MB</span>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Upload Resume* <small>(Type: "pdf,docx,doc", maximum:2MB)</small></label>
                                        <input type="file" name="resume" class="form-control" accept=".pdf,.docx,.doc" id="resume">
                                        @if (!empty($data->resume))
                                        <a href="{{$data->getPathResume()}}" target="_blank" class="btn btn-warning btn-sm mt-2">View Resume</a>
                                        @endif

                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <span class="alert alert-danger text-dark" id="resume_error" style="display:none">File size allowed is Max 2MB</span>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-2">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('script')
<script>
    $(document).ready(function (e) {
        $(function(){
            $('#status').prop('disabled', true);
            $('#email').prop('disabled', true);
            $('#fullname').prop('disabled', true);
            $('#gender').prop('disabled', true);
            $('#campus').prop('disabled', true);
            $('#department').prop('disabled', true);
            $('#batch').prop('disabled', true);
            $('#super_badge').prop('disabled', true);
            $('#badge').prop('disabled', true);
            $('#dob').prop('disabled', true);
            $('#register').prop('disabled', true);
        });
    });
	var uploadField = document.getElementById("avatar");

uploadField.onchange = function() {
    if(this.files[0].size > 2*1024*1024){
      $("#avatar_error").show();
       this.value = "";
    }else{
	   $("#avatar_error").hide();
	}
};
	var uploadResume = document.getElementById("resume");

uploadResume.onchange = function() {
    if(this.files[0].size > 2*1024*1024){
      $("#resume_error").show();
       this.value = "";
    }else{
	   $("#resume_error").hide();
	}
};
</script>
@endpush