@extends('layouts.admin')

@section('content')
    <!-- Page content area start -->
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="breadcrumb__content">
                        <div class="breadcrumb__content__left">
                            <div class="breadcrumb__title">
                                <h2>Add Student</h2>
                            </div>
                        </div>
                        <div class="breadcrumb__content__right">
                            <nav aria-label="breadcrumb">
                                <ul class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('app.dashboard')}}</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Add Student</li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="customers__area bg-style mb-30">
                        <div class="item-title d-flex justify-content-between">
                            <h2>Add Student</h2>
                        </div>
                        <form action="{{route('student.store')}}" method="post" class="form-horizontal" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{__('app.first_name')}} <span class="text-danger">*</span></label>
                                        <input type="text" name="first_name" value="{{old('irst_name')}}" placeholder="First name" class="form-control" required>
                                        @if ($errors->has('first_name'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('first_name') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{__('app.last_name')}} <span class="text-danger">*</span></label>
                                        <input type="text" name="last_name" value="{{old('last_name')}}" placeholder="Last name" class="form-control" required>
                                        @if ($errors->has('last_name'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('last_name') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{__('app.email')}} <span class="text-danger">*</span></label>
                                        <input type="email" name="email" value="{{old('email')}}" placeholder="Email" class="form-control" required>
                                        @if ($errors->has('email'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('email') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{ __('app.password') }} <span class="text-danger">*</span></label>
                                        <input type="password" name="password" value="{{old('password')}}" placeholder="Password" class="form-control" required>
                                        @if ($errors->has('password'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('password') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{__('app.phone_number')}} <span class="text-danger">*</span></label>
                                        <input type="text" name="phone_number" value="{{old('phone_number')}}" placeholder="Phone number" class="form-control" required>
                                        @if ($errors->has('phone_number'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('phone_number') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{ __('app.address') }} <span class="text-danger">*</span></label>
                                        <input type="text" name="address" value="{{old('address')}}" placeholder="Address" class="form-control"
                                               required>
                                        @if ($errors->has('address'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('address') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{ __('app.postal_code') }} <span class="text-danger">*</span></label>
                                        <input type="text" name="postal_code" value="{{old('postal_code')}}" placeholder="Postal Code" class="form-control"
                                               required>
                                        @if ($errors->has('postal_code'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('postal_code') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{__('app.country')}}</label>
                                        <select name="country_id" id="country_id" class="form-select">
                                            <option value="">{{__('app.select_country')}}</option>
                                            @foreach($countries as $country)
                                                <option value="{{$country->id}}" @if(old('country_id'))
                                                    {{old('country_id') == $country->id ? 'selected' : '' }}
                                                    @endif >{{$country->country_name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{__('app.state')}}</label>
                                        <select name="state_id" id="state_id" class="form-select">
                                            <option value="">{{__('app.select_state')}}</option>
                                            @if(old('country_id'))
                                                @foreach($states as $state)
                                                    <option value="{{$state->id}}" {{old('state_id') == $state->id ? 'selected' : ''}} >{{$state->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{__('app.city')}}</label>
                                        <select name="city_id" id="city_id" class="form-select">
                                            <option value="">{{__('app.select_city')}}</option>
                                            @if(old('state_id'))
                                                @foreach($cities as $city)
                                                    <option value="{{$city->id}}" {{old('city_id') == $city->id ? 'selected' : '' }} >{{$city->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input__group mb-25">
                                        <label>{{__('app.gender')}}<span class="text-danger">*</span></label>
                                        <select name="gender" id="gender" class="form-select" required>
                                            <option value="">{{__('app.select_option')}}</option>
                                            <option value="Male" {{old('gender') == 'Male' ? 'selected' : '' }} >Male</option>
                                            <option value="Female" {{old('gender') == 'Female' ? 'selected' : '' }} >Female</option>
                                            <option value="Others" {{old('gender') == 'Others' ? 'selected' : '' }} >Others</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="input__group mb-25">
                                        <label>About Student <span class="text-danger">*</span></label>
                                        <textarea name="about_me" id="" cols="15" rows="5" required>{{ old('about_me') }}</textarea>
                                        @if ($errors->has('about_me'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('about_me') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-3">
                                    <div class="upload-img-box mb-25">
                                        <img src="">
                                        <input type="file" name="image" id="image" accept="image/*" onchange="previewFile(this)">
                                        <div class="upload-img-box-icon">
                                            <i class="fa fa-camera"></i>
                                            <p class="m-0">{{__('app.image')}}</p>
                                        </div>
                                    </div>
                                </div>
                                @if ($errors->has('image'))
                                    <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('image') }}</span>
                                @endif
                                <p>Accepted Image Files: JPEG, JPG, PNG <br> Accepted Size: 300 x 300 (1MB)</p>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-12 text-right">
                                    <button class="btn btn-primary" type="submit">Save</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Page content area end -->
@endsection

@push('style')
    <link rel="stylesheet" href="{{asset('admin/css/custom/image-preview.css')}}">
@endpush

@push('script')
    <script src="{{asset('admin/js/custom/image-preview.js')}}"></script>
    <script src="{{asset('admin/js/custom/admin-profile.js')}}"></script>
@endpush