@extends('admin.layouts.master')

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

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

@section('trainer')
    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('trainer.store') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf

                            <div class="form-body">
                                <h4 class="form-section"><i class="ft-user"></i> Trainer 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</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="title">Title</label>
                                            <input type="text" id="title" name="title" value="{{ old('title') }}"
                                                class="form-control @error('title') is-invalid @enderror"
                                                placeholder="Enter your title">
                                            @error('title')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="organization_level">Organization Level</label>
                                            <select id="organization_level" name="organization_level" class="form-control">
                                                <option value="">Select Organization Level</option>
                                                @foreach ($orgLevels as $level)
                                                    <option value="{{ $level->lookup_value }}"
                                                        {{ old('organization_level') == $level->lookup_value ? 'selected' : '' }}>
                                                        {{ $level->lookup_value }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('organization_level')
                                                <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</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 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>

                            <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