@extends('layouts.adminapp')

@section('content')
    {{-- Create New Student --}}

    <div class="container mt-4">
        <h2 class="text-center text-gray-900 mb-4">
            Create New Student
        </h2>

        <form method="post" action="{{ route('Student.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-header shadow">
                    <div class="card-body p-5">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="admission_no" class="form-label">Admission No:</label>
                                <input type="text" value="{{ old('admission_no') }}" class="form-control"
                                    name="admission_no" id="admission_no" required />
                                @error('admission_no')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="batch_id" class="form-label">Batch:</label>
                                <select id="CouseID" onchange="CouseId(this.value)" class="form-select">
                                    @php
                                        echo App\Http\Controllers\BatchController::BatchListForCombo(0);
                                    @endphp
                                </select>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="batch_course_id" class="form-label">Course:</label>
                                <select id="BatchCourceList" class="form-select" name="batch_course_id" required>
                                </select>
                                @error('batch_course_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="name" class="form-label">Name:</label>
                                <input value="{{ old('name') }}" type="text" class="form-control" name="name"
                                    id="name" required />
                                @error('name')
                                <span class="text-xs text-red-700" id="passwordHelp">{{$message}}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="photo1" class="form-label">Photo:</label>
                                <input value="{{ old('photo1') }}" type="file" class="form-control" name="photo1"
                                    id="filePhoto"
                                    onchange="
                                        var input=this;
                                            if (input.files && input.files[0]) {
                                            var reader = new FileReader();
                                            var size=(Math.round(input.files[0].size/1024));
                                            if(size>1024)
                                                {
                                                alert('Please Upload file lesthan 1MB\nControl load time');
                                                input.value='';
                                                }
                                            else{
                                                reader.onload = function (e) {
                                                }
                                                reader.readAsDataURL(input.files[0]);
                                                }
                                        }" />
                                @error('photo1')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="fathername" class="form-label">Father Name:</label>
                                <input value="{{ old('fathername') }}" type="text" class="form-control" name="fathername"
                                    id="fathername" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="mothername" class="form-label">Mother Name:</label>
                                <input value="{{ old('mothername') }}" type="text" class="form-control" name="mothername"
                                    id="mothername" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="guardian" class="form-label">Guardian:</label>
                                <input value="{{ old('guardian') }}" type="text" class="form-control" name="guardian"
                                    id="guardian" required />
                                @error('guardian')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="guardianrelation" class="form-label">Guardian Relation:</label>
                                <input value="{{ old('guardianrelation') }}" type="text" class="form-control"
                                    name="guardianrelation" id="guardianrelation" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="dob" class="form-label">DOB:</label>
                                <input value="{{ old('dob') }}" type="date" class="form-control" name="dob"
                                    id="dob" required />
                                @error('dob')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="mobile" class="form-label">Mobile:</label>
                                <input value="{{ old('mobile') }}" type="number" class="form-control" name="mobile"
                                    id="mobile" required />
                                @error('mobile')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="whatsapp" class="form-label">Whatsapp No:</label>
                                <input value="{{ old('whatsapp') }}" type="number" class="form-control"
                                    name="whatsapp" id="whatsapp" />
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="email" class="form-label @error('username') is-invalid @enderror">
                                    Email:</label>
                                <input value="{{ old('email') }}" type="email" class="form-control" name="email"
                                    id="email" required />
                                @error('email')
                                    <span class="text-xs text-danger" id="passwordHelp">{{$message}}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="password" class="form-label">Password:</label>
                                <input type="text" class="form-control" name="password" id="txtpassword" />
                                @error('password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <br>
                                <button type="button" onclick="genpass()" class="btn btn-danger">
                                    <i class="fas fa-lock"></i>
                                    Generate Password
                                </button>
                            </div>

                        </div>
                        <div class="mb-4 row g-3">

                        </div>
                        <h4 class="text-center text-gray-900 mb-4">
                            Address For Communication
                        </h4>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="housename" class="form-label">House Name:</label>
                                <input value="{{ old('housename') }}" type="text" class="form-control"
                                    name="housename" id="housename" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="place" class="form-label">Place:</label>
                                <input value="{{ old('place') }}" type="text" class="form-control" name="place"
                                    id="place" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="post" class="form-label">Post:</label>
                                <input value="{{ old('post') }}" type="text" class="form-control" name="post"
                                    id="post" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="pincode" class="form-label">Pincode:</label>
                                <input value="{{ old('pincode') }}" type="number" class="form-control" name="pincode"
                                    id="pincode" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="district" class="form-label">District:</label>
                                <input value="{{ old('district') }}" type="text" class="form-control"
                                    name="district" id="district" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="state" class="form-label">State:</label>
                                <input value="{{ old('state') }}" type="text" class="form-control" name="state"
                                    id="state" />
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="localbody" class="form-label">Panchayath / Muncipality /
                                    Corporation:</label>
                                <input value="{{ old('localbody') }}" type="text" class="form-control"
                                    name="localbody" id="localbody" />
                            </div>
                        </div>
                        <div class="col-mb-3">
                            <label for="txtNarration" class="form-label">Narration</label>
                            <input type="text" class="form-control" id="txtNarration" name="narration"
                                value="{{ old('narration') }}">
                        </div>
                        <div class="d-flex justify-content-end mt-3">
                            <a href="{{ route('Student.index') }}" class="btn btn-secondary me-2">Back</a>
                            <button type="submit" class="btn btn-primary">Save</button>
                        </div>
                    </div>
                </div>
            </div>

        </form>
    </div>

    <script>
        CouseId(document.getElementById('CouseID').value);

        function CouseId(BatchID) {
            $.ajax({
                url: '{{ url('BatchCourseList') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    BatchID: BatchID
                },
                success: function(response) {

                    document.getElementById('BatchCourceList').innerHTML = response;
                }
            });
        }

        function genpass() {
            $.ajax({
                url: '{{ url('PasswordGenerator') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    document.getElementById('txtpassword').value = response;
                }
            });
        }
    </script>
@endsection