{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')

<div class="card card-custom example example-compact">
    <div class="card-header">
        <h3 class="card-title">
            Participant
            @if(isset($registrations[0]->id))
            Edit
            @else
            Add
            @endif
        </h3>
    </div>
    <!--begin::Form-->
    <form action="{{ route('updateparticipant') }}" method="POST">

        @csrf
        @isset($batch->id)
        {{ method_field('PATCH')}}
        @endisset

        <div class="card-body">
            @if ($errors->any())
            <div class="alert alert-danger">
                <strong>Error!</strong>
                <ul>
                    @foreach ($errors->all() as $error)
                    <li></li>
                    @endforeach
                </ul>
            </div>
            @endif
            <div class="form-group row">
                <label class="col-lg-2 control-label">Club:</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <input type="hidden" name="id" value="{{$registrations[0]->id}}" />
                    <input type="hidden" name="participantid" value="{{$participant[0]->id}}" />
                    <input type="text" class="form-control" id="club" name="club" placeholder="Enter Club"
                        value="{{ $registrations[0]->club ?? '' }}" minlength="2" maxlength="50"
                        onkeypress="return ((event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122) || (event.charCode == 32))"
                        required />

                </div>
            </div>

            <div class="form-group row">
                <label class="col-lg-2 control-label">Name:</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <input type="text" class="form-control" id="name" name="name"
                        value="{{ $registrations[0]->name ?? '' }}" maxlength="30" required />
                </div>
            </div>
            <div class="form-group row">
                <label class="col-lg-2 control-label">DOB:</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <div class="input-group">
                        <span class="input-group-prepend"><i class="icon-calendar5"></i></span>
                        <input type="date" date="yyyy-MM-dd" class="form-control" id="dob"
                            value="{{ $registrations[0]->dob ?? '' }}" onchange="getlevel()" name="dob" required>

                    </div>
                </div>
            </div>
            <div class="form-group row">
                <label class="col-lg-2 control-label">Aadhar:</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <input id="aadhaar" type="number" minlength="12" maxlength="12" data-maxlength="12"
                        oninput="this.value=this.value.slice(0,this.dataset.maxlength)"
                        class="form-control @error('aadhaar') is-invalid @enderror" name="aadhaar"
                        value="{{ $registrations[0]->aadhaar ?? '' }}">
                </div>
            </div>
            <div class="form-group row">
            <label class="col-lg-2 control-label">{{ __('School Name') }}</label>

                <div class="col-md-6">
                    <input type="text" class="form-control" id="contingent" name="contingent" placeholder="Enter School"
                        minlength="2" maxlength="50"
                        onkeypress="return (event.charCode === 32) || (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)"
                        required value="{{ $registrations[0]->contingent ?? '' }}" />
                    @if ($errors->has('contingent'))
                    <span class="text-danger">{{ $errors->first('contingent') }}</span>
                    @endif
                </div>
            </div>
            <div class="form-group row">
            <label class="col-lg-2 control-label">Choose Category</label>
                <div class="col-md-6">
                <select class="form-control" id="eventtype" name="eventtype" required>
                    <option value="">Category</option>
                    <option value="Category A" {{ ($participant[0]['category'] ?? '') == 'Category A' ? 'selected' : '' }}>
                        Category A (L3, L4)
                    </option>
                    <option value="Category B" {{ ($participant[0]['category'] ?? '') == 'Category B' ? 'selected' : '' }}>
                        Category B (L5, L6, L7)
                    </option>
                    <option value="Category C" {{ ($participant[0]['category'] ?? '') == 'Category C' ? 'selected' : '' }}>
                        Category C (L8, L9, L10)
                    </option>
                </select>

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

        <div class="card-footer">
            <div class="row">
                <div class="col-lg-6 col-md-9 col-sm-12 ml-lg-auto">
                    <button type="submit" class="btn btn-success mr-2">Submit</button>
                </div>
            </div>
        </div>
    </form>
    <!--end::Form-->
</div>
@section('scripts')
<script>
$(document).ready(function() {
    $('.select2').select2();
});
</script>
@endsection
@endsection
@section('scripts')
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
@endsection