@php
    $form_type = $form_type ?? null;
    $action = $action ?? null;
@endphp
<form id="student_profile_block_form" class="row custom form needs-validation" name="signupForm" method="POST" action="{{ $action }}" enctype="multipart/form-data" novalidate>
    @csrf
    @if($form_type=='edit'|| $form_type=='admin')
    <div class="row">

        

        @if($form_type=='edit')
        <h3 class="col mb-3 mt-5">
            
            Edit User Information
            
            <button class="btn btn-primary mt-3 pull-right" type="button" data-bs-toggle="collapse" data-bs-target="#imageUploadContainer" aria-expanded="false" aria-controls="collapseExample">
                Change Profile Image
              </button>
        </h3>
        @endif
        
    </div>
    <div class="row hide-in-pdf">
        <div class="collapse" id="imageUploadContainer">
            <div class="card card-body">
                <div class="row justify-content-between mb-4">
                    <div class="col-md-4">
                        <div class="input-group mb-3">
                            <input type="file" name="profile_pic" class="form-control" id="uploadImage" accept="image/*" aria-describedby="inputGroupFileAddon03" aria-label="Upload">
                            <input type="hidden" id="croppedImageData" name="cropped_image_data">
                        </div>
                        <div class="alert alert-primary" role="alert">1. Choose file, 2. Crop and resize and 3.Upload/Save</div>

                            <img id="cropImage" style="max-width: 100%; display: none;">
                            
                    </div> 
                    <div class="col-md-5 d-flex flex-column justify-content-center align-items-center">
                        
                        <div class="inline-block">
                        <button class="btn btn-primary" id="cropButton" style="display: none;" type="button">Crop & Resize</button>
                        <button class="btn btn-primary" id="uploadButton" style="display: none;" type="button">Upload/Save</button>
                        </div>
                        <div id="resizedImageContainer" style="margin-top: 20px;"></div>
                    </div>
                        
                </div> 
            </div>
        </div>
    </div>

    @endif
    <div class="col-md-6">
        @if($form_type=='admin')
        <div class="row"> 
            <div class="col-md-4"> 
                
                @if(!empty($studentInfo?->profile_pic))
                <img src="{{ asset('storage/uploads/students/thumbnail') }}/{{$studentInfo->profile_pic}}" style="width: 100%;background:#fff" />
                @else
                <img src="{{ asset('assets/frontend/images/avatar.png') }}" style="width: 100%;background:#fff" />
                @endif
                <button class="btn btn-primary mt-3 pull-left" type="button" data-bs-toggle="collapse" data-bs-target="#imageUploadContainer" aria-expanded="false" aria-controls="collapseExample">
                    <i class="fa fa-edit"></i> Profile Image
                </button>
            </div>
            <div class="col-md-8">
                <div class="row">
                    <div class="col form-group">
                        <label class="form-label" for="student_id">Student Id/ System Id</label>
                        <input
                            type="text"
                            name="student_id"
                            id="student_id"
                            class="form-control"
                            placeholder="0000"
                            value="{{$studentInfo->id}}"
                            readonly>
                    </div>
                </div>
                <div class="row">
                    <div class="col form-group">
                        <label class="form-label" for="id_number">Organizational Id <span class="required">*</span></label>
                        <input
                            type="text"
                            name="id_number"
                            id="id_number"
                            class="form-control"
                            placeholder="0000"
                            value="{{$studentInfo->id_number}}"
                            required>
                    </div>
                </div>
            </div>
            
        </div>
        @endif
        <div class="row">
            <div class="col form-group">
                <input type="hidden" name="form_type" id="form_type" value="{{$form_type}}" />
                <input type="hidden" name="id" value="{{$studentInfo->id}}">
                <label class="form-label" for="first_name">First name <span class="required">*</span></label>
                <input
                    type="text"
                    name="first_name"
                    id="first_name"
                    class="form-control"
                    value="{{$studentInfo->first_name}}"
                    placeholder="First name"
                    required>
            </div>
            <div class="col form-group">
                <label class="form-label" for="last_name">Last Name <span class="required">*</span></label>
                <input
                    type="text"
                    name="last_name"
                    id="last_name"
                    class="form-control"
                    placeholder="Last name"
                    value="{{$studentInfo->last_name}}"
                    required>
            </div>
        </div>

        @if($form_type=="edit" || $form_type=="admin")
            <div class="row">
                <div class="col form-group">
                    <label class="form-label" for="bn_name">বাংলায় নাম</label>
                    <input 
                        type="text" 
                        name="bn_name" 
                        id="bn_name" 
                        class="form-control" 
                        placeholder="বাংলায় নাম"
                        value="{{$studentInfo->bn_name}}">
                </div>
            </div>
        @endif

        <div class="row">
            <div class="col form-group">
                <label for="dob" class="form-label">Date of Birth <span class="required">*</span></label>
                <input
                    type="date"
                    name="dob"
                    id="dob"
                    class="form-control"
                    placeholder="Date of Birth *"
                    value="{{ old('dob', $studentInfo->dob ? \Carbon\Carbon::parse($studentInfo->dob)->format('Y-m-d') : '') }}"
                    required>
            </div>

            <div class="col form-group">
                <label for="gender" class="form-label">Gender <span class="required">*</span></label>
                <select class="form-control" id="gender" name="gender" required>
                    <Option value="">Select Gender</Option>
                    <option value="1" @selected($studentInfo->gender == 1)>Male (পুরুষ)</option>
                    <option value="2" @selected($studentInfo->gender == 2)>Female (মহিলা)</option>
                </select>
            </div>
        </div>
        <div class="row">
            @if($form_type=="new")
                <div class="col form-group">
                    <label class="form-label">Country <span class="required">*</span></label>
                    <select class="form-control" name="country" id="country" required>
                        <option value="">Select Country</option>
                        @foreach(config('countries') as $code => $name)
                        <option value="{{ $code }}" {{ $code === 'BD' ? 'selected' : '' }}>
                            {{ $name }}
                        </option>
                        @endforeach
                    </select>
                </div>
            @else
                <div class="col form-group">
                    <label class="form-label">Country <span class="required">*</span></label>
                    <select class="form-control" name="country" id="country" required>
                        <option value="">Select Country</option>
                        @foreach(config('countries') as $code => $name)
                        <option value="{{ $code }}" {{ $code === $studentInfo?->country ? 'selected' : '' }}>
                            {{ $name }}
                        </option>
                        @endforeach
                    </select>
                </div>
            @endif
            <div class="col form-group">
                <label class="form-label" for="nationality">Nationality <span class="required">*</span></label>
                <input
                    type="text"
                    name="nationality"
                    id="nationality"
                    class="form-control"
                    placeholder="Nationality *"
                    value="{{$studentInfo->nationality}}"
                    required>
            </div>

            <div class="col form-group">
                <label class="form-label">Blood Group <span class="required">*</span></label>
                <select class="form-control" name="blood_group" id="blood_group" required>
                    <option value="">Select group</option>
                    @foreach(config('dashboard_constant.BLOOD_GROUPS') as $code => $name)
                    <option value="{{ $code }}" {{$code === $studentInfo->blood_group ? 'selected': '' }}>
                        {{ $name }}
                    </option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col col form-group">
                <label class="form-label" for="contact_number">Mobile <span class="required">*</span></label>
                <input
                    type="text"
                    name="contact_number"
                    id="contact_number"
                    class="form-control"
                    placeholder="Mobile Number *"
                    value="{{$studentInfo->contact_number}}"
                    required>
            </div>
            <div class="col col form-group">
                <label class="form-label" for="nid_birth">NID <span class="required">*</span></label>
                <input
                    type="text"
                    name="nid_birth"
                    id="nid_birth"
                    class="form-control"
                    placeholder="NID Number *"
                    value="{{$studentInfo->nid_birth}}"
                    required>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        @if($form_type=="edit" || $form_type=="admin")

        <div class="row">
            <div class="col form-group">
                <label class="form-label" for="father_name">Father's Name (পিতার নাম)</label>
                <input 
                    type="text" 
                    name="father_name" 
                    id="father_name" 
                    class="form-control" 
                    placeholder="Father's Name (পিতার নাম)"
                    value="{{$studentInfo->father_name}}">
            </div>
        </div>
        <div class="row">
            <div class="col form-group">
                <label class="form-label" for="father_name">Mother's Name (মাতার নাম)</label>
                <input 
                    type="text" 
                    name="mother_name" 
                    id="mother_name" 
                    class="form-control" 
                    placeholder="Mother's Name (মাতার নাম)"
                    value="{{$studentInfo->mother_name}}">
            </div>
        </div>
    @endif

        <div class="row form-group mb-3">
            <div class="col">
                <label class="form-label" for="present_address">Present Address <span class="required">*</span></label>
                <input
                    type="text"
                    name="present_address"
                    id="present_address"
                    class="form-control"
                    placeholder="Present Address (বর্তমান ঠিকানা)"
                    value="{{$studentInfo->present_address}}"
                    required>
            </div>
        </div>
        <div class="row form-group mb-3">
            <div class="col">
                <label class="form-label" for="post_code">Postcode <span class="required">*</span></label>
                <input
                    type="text"
                    name="post_code"
                    id="post_code"
                    class="form-control"
                    placeholder="Postcode"
                    value="{{$studentInfo->post_code}}"
                    required>
            </div>
            <div class="col">
                <label class="form-label" for="city">City <span class="required">*</span></label>
                <input
                    type="text"
                    name="city"
                    id="city"
                    class="form-control"
                    placeholder="City"
                    value="{{$studentInfo->city}}"
                    required>
            </div>
        </div>
        @if($form_type=="edit" || $form_type=="admin")
        <div class="row form-group mb-3">
            <div class="col">
                <label class="form-label" for="permanent_address">Permanent Address</label>
                <input
                    type="text"
                    name="permanent_address"
                    id="permanent_address"
                    class="form-control"
                    placeholder="Permanent Address (বর্তমান ঠিকানা)"
                    value="{{$studentInfo->permanent_address}}"
                    >
            </div>
        </div>
        @endif
        <div class="row form-group mb-3">
            @if($form_type=="edit")
            <div class="col">
                <label class="form-label" for="email">E-mail <span class="required">*</span></label>
                <input
                    type="email"
                    name="email"
                    id="email"
                    class="form-control"
                    placeholder="E-mail"
                    value="{{$studentInfo->email}}"
                    readonly>
            </div>
            @elseif($form_type=="new" || $form_type="admin")
            <div class="col">
                <label class="form-label" for="email">E-mail <span class="required">*</span></label>
                <input
                    type="email"
                    name="email"
                    id="email"
                    class="form-control"
                    placeholder="E-mail"
                    value="{{$studentInfo->email}}"
                    required>
            </div>
            @else
            @endif
            @if($form_type=="new")
            <div class="col">
                <label class="form-label" for="email_confirmation">Confirm E-mail <span class="required">*</span></label>
                <input
                    type="email"
                    name="email_confirmation"
                    id="email_confirmation"
                    class="form-control"
                    placeholder="Confirm E-mail"
                    required>
            </div>
            @endif
            
            @if($form_type=="admin")
                <div class="col form-group">
                    <label for="status" class="form-label">Status <span class="required">*</span></label>
                    <select class="form-control" id="status" name="status" required>
                        <Option value="">Select Status</Option>
                        <option value="Y" @selected($studentInfo->status == "Y")>Active</option>
                        <option value="N" @selected($studentInfo->status == "N")>Deactive</option>
                    </select>
                </div>
            @endif
        </div>
        @if($form_type=="new")
            <div class="row form-group mb-3">
                <div class="col">
                    <label class="form-label" for="password">Password <span class="required">*</span></label>
                    <input
                        type="password"
                        name="password"
                        id="password"
                        class="form-control"
                        placeholder="Password"
                        required>
                </div>
                <div class="col">
                    <label class="form-label" for="password_confirmation">Confirm Password <span class="required">*</span></label>
                    <input
                        type="password"
                        name="password_confirmation"
                        id="password_confirmation"
                        class="form-control"
                        placeholder="Confirm Password"
                        required>
                </div>
            </div>
        @endif
        <div class="row form-group mb-3">
            <div class="d-grid">
                <button class="g-recaptcha btn btn-primary" type="submit">
                    @if($form_type=="edit" || $form_type=="admin")
                        Update
                    @else
                        Signup
                    @endif
                    
                </button>
            </div>
        </div>
    </div>

</form>