@extends('admin.layouts.master')

@section('dashboard-header')
    Trainee
@endsection

@section('breadcumb_title')
    Create new Trainee
@endsection

@section('trainee')
    active
@endsection

@section('page-content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                            <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                            <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                            <li><a data-action="close"><i class="ft-x"></i></a></li>
                        </ul>
                    </div>
                </div>

                <div class="card-content collpase show">
                    <div class="card-body">
                        <form class="form form-horizontal" action="{{ route('trainee.store') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf

                            <div class="form-body">
                                <h4 class="form-section"><i class="ft-user"></i> Trainee Information</h4>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="name_en">Name (EN)</label>
                                            <input type="text" id="name_en" name="name_en" value="{{ old('name_en') }}"
                                                class="form-control @error('name_en') is-invalid @enderror"
                                                placeholder="Enter your English name">
                                            @error('name_en')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="name_bn">Name (BN)</label>
                                            <input type="text" id="name_bn" name="name_bn" value="{{ old('name_bn') }}"
                                                class="form-control @error('name_bn') is-invalid @enderror"
                                                placeholder="Enter your Bangla name">
                                            @error('name_bn')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="email">Email <span class="text-danger">*</span></label>
                                            <input type="email" id="email" name="email" value="{{ old('email') }}"
                                                class="form-control @error('email') is-invalid @enderror"
                                                placeholder="Enter your email">
                                            @error('email')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="phone">Phone <span class="text-danger">*</span></label>
                                            <input type="text" id="phone" name="phone" value="{{ old('phone') }}"
                                                class="form-control @error('phone') is-invalid @enderror"
                                                placeholder="Enter your phone number">
                                            @error('phone')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="gender">Gender <span class="text-danger">*</span></label>
                                            <select id="gender" name="gender"
                                                class="form-control @error('gender') is-invalid @enderror">
                                                <option value="">Select Gender</option>
                                                <option value="male" {{ old('gender') == 'male' ? 'selected' : '' }}>Male
                                                </option>
                                                <option value="female" {{ old('gender') == 'female' ? 'selected' : '' }}>
                                                    Female</option>
                                            </select>
                                            @error('gender')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="avatar">Avatar</label>
                                            <input type="file" id="avatar" name="avatar"
                                                class="form-control @error('avatar') is-invalid @enderror">
                                            @error('avatar')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="address">Address <span class="text-danger">*</span></label>
                                            <input type="text" id="address" name="address"
                                                value="{{ old('address') }}"
                                                class="form-control @error('address') is-invalid @enderror"
                                                placeholder="Enter address">
                                            @error('address')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="city">City</label>
                                            <input type="text" id="city" name="city"
                                                value="{{ old('city') }}"
                                                class="form-control @error('city') is-invalid @enderror"
                                                placeholder="Enter city">
                                            @error('city')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="state">State</label>
                                            <select id="state" name="state" class="form-control">
                                                <option value="">Select State</option>
                                                @foreach ($states as $state)
                                                    <option value="{{ $state->lookup_value }}"
                                                        {{ old('state') == $state->lookup_value ? 'selected' : '' }}>
                                                        {{ $state->lookup_value }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('state')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="zip_code">Zip Code</label>
                                            <input type="text" id="zip_code" name="zip_code"
                                                value="{{ old('zip_code') }}"
                                                class="form-control @error('zip_code') is-invalid @enderror"
                                                placeholder="Enter zip code">
                                            @error('zip_code')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="level">Level</label>
                                            <select id="level" name="level" class="form-control">
                                                <option value="">Select Level</option>
                                                @foreach ($levels as $level)
                                                    <option value="{{ $level->lookup_value }}"
                                                        {{ old('level') == $level->lookup_value ? 'selected' : '' }}>
                                                        Level {{ $level->lookup_value }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('level')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="responsibility">Responsibility</label>
                                            <select id="responsibility" name="responsibility" class="form-control">
                                                <option value="">Select Responsibility</option>
                                                @foreach ($responsibilities as $responsibility)
                                                    <option value="{{ $responsibility->lookup_value }}"
                                                        {{ old('responsibility') == $responsibility->lookup_value ? 'selected' : '' }}>
                                                        {{ $responsibility->lookup_value }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('responsibility')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="chapter">Chapter</label>
                                            <select id="chapter" name="chapter" class="form-control">
                                                <option value="">Select Chapter</option>
                                                @foreach ($chapters as $chapter)
                                                    <option value="{{ $chapter->lookup_value }}"
                                                        {{ old('chapter') == $chapter->lookup_value ? 'selected' : '' }}>
                                                        {{ $chapter->lookup_value }}
                                                    </option>
                                                @endforeach
                                            </select>

                                            @error('chapter')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="remarks">Remarks</label>
                                            <textarea id="remarks" name="remarks" class="form-control @error('remarks') is-invalid @enderror"
                                                placeholder="Enter remarks">{{ old('remarks') }}</textarea>
                                            @error('remarks')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    @php
                                        $dates = [
                                            'date_of_oath' => 'Date of Oath',
                                            'date_of_questionnaire' => 'Date of Questionnaire',
                                            'date_of_return_questionnaire' => 'Date of Return Questionnaire',
                                            'date_of_application' => 'Date of Application',
                                            'date_of_return_of_application' => 'Date of Return of Application',
                                        ];
                                    @endphp
                                    @foreach ($dates as $field => $label)
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="{{ $field }}">{{ $label }}</label>
                                                <input type="date" id="{{ $field }}"
                                                    name="{{ $field }}" value="{{ old($field) }}"
                                                    class="form-control @error($field) is-invalid @enderror">
                                                @error($field)
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    @endforeach
                                </div>


                            </div>

                            <div class="form-actions text-right">
                                <a href="{{ route('trainee.index') }}" class="btn btn-warning mr-1">
                                    <i class="ft-x"></i> Cancel
                                </a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="la la-check-square-o"></i> Save
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection