@extends('layouts.app')
@push('head')
    @import url(https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css);
@endpush
@push('css')
    <style>
        .answer {
            display: none;
            padding: inherit;
            height: auto;
            border: solid;
            border-width: thin;
            border-color: #a8a8a8;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            color: #2d4053;
        }
    </style>
    @endpush @section('content')
    @inject('carbon', 'Carbon\Carbon')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    @isset($trainer)
                        <h1 class="m-0 text-dark">Edit</h1>
                    @else
                        <h1 class="m-0 text-dark">Create New Trainer</h1>
                    @endisset
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('home') }}" class="btn btn-sm btn-info"><i class="fas fa-home"></i> Home</a>
                        </div>
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('trainer_level_management.index') }}"
                                class="btn btn-sm btn-primary text-right"><i class="fas fa-arrow-circle-left"></i> Back</a>
                        </div>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Main row -->
            <div class="row">
                <div class="col-md-12 col-x-12 col-sm-12">



                    <form
                        action="{{ isset($trainer_level) ? route('trainer_level_management.update', $trainer_level->id) : route('trainer_level_management.store') }}"
                        method="POST" class="from-hiden">
                        @csrf @isset($trainer_level)
                            @method('Put')
                        @endisset
                        <div class="card-body">

                            <div class="form-group">
                                <label for="name">Level Name: </label>
                                <input id="name" type="text" placeholder="Level Name"
                                    class="form-control @error('name') is-invalid @enderror" name="name"
                                    value="{{ $trainer_level->name ?? old('name') }}" required />
                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>


                            @if (isset($trainer_level))

                                <button type="submit" class="btn btn-primary" value="Update">Update</button>
                            @else
                                <br><br><br>
                                <button type="submit" class="btn btn-primary" value="Create">Create</button>
                            @endisset



                </form>


                <br><br><br>






                <!-- /.row (main row) -->
            </div>
            <!-- /.container-fluid -->
</section>
<!-- /.content -->
@endsection @push('js')
<script>
    $(function() {
        $("select").select2();
    });


    window.onload = function() {
        $(function() {
            $("#dob").datepicker({
                dateFormat: "dd/mm/yy"
            });
        });
    };
</script>
@endpush