@extends("admin.layout.master")
@section("title","Dashboard")
@section ("content")
<div class="d-flex flex-column flex-column-fluid">
    <div class="app-toolbar py-3 py-lg-6" id="kt_app_toolbar">
        <div class="app-container container-xxl d-flex flex-stack" id="kt_app_toolbar_container">
            <div class="d-flex flex-column flex-wrap justify-content-center me-3 page-title">
                <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                    <li><a class="text-muted text-hover-primary" href="{{url('/')}}">Dashboard</a></li>
                    <li class="breadcrumb-item">
                        <span class="bullet bg-gray-400 w-5px h-2px"></span>
                    </li>
                    <li><a class="text-muted text-hover-primary" href="{{route('gymnast-list')}}">Gymnast
                            Manager</a></li>
                    <li class="breadcrumb-item">
                        <span class="bullet bg-gray-400 w-5px h-2px"></span>
                    </li>
                    <li>Edit</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="app-container container-xxl" id="kt_app_content_container">
        <div class="card mb-5 mb-xl-8">
            <div class="card-header mb-4">
            <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bold fs-3 mb-1">Gymnast List</span>
                </h3>
            </div>

            <div class="card-body pt-0">
                <form action="{{route('gymnast-update', $data->id)}}" enctype="multipart/form-data" id="updateForm"
                    method="post">
                    <div class="row">@csrf
                        <div class="row">
                            <div class="col-md-6">
                                <label class="required form-label">Name</label>
                                <input type="text" name="name" class="form-control stop_first_space"
                                    value="{{$data->name}}" placeholder="Name Name" data-error="#name_error" required/>
                                <span class="error" id="name_error"></span>
                                @if($errors->has("name"))
                                <span class="text-danger">{{$errors->first("name")}}</span>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <label class="required form-label">Category</label>
                                <select name="category" class="form-control" data-error="#category_error">
                                    <option value="MAG" @if ($data->category == 'MAG') selected @endif>MAG</option>
                                    <option value="WAG" @if ($data->category == 'WAG') selected @endif>WAG</option>
                                    <option value="RG" @if ($data->category == 'RG') selected @endif>RG</option>
                                    <option value="TRA" @if ($data->category == 'TRA') selected @endif>TRA</option>
                                    <option value="AER" @if ($data->category == 'AER') selected @endif>AER</option>
                                    <option value="ACRO" @if ($data->category == 'ACRO') selected @endif>ACRO</option>
                                    <option value="GFA" @if ($data->category == 'GFA') selected @endif>GFA</option>
                                </select>
                                <span class="error" id="category_error"></span>
                                @if($errors->has("category"))
                                <span class="text-danger">{{$errors->first("category")}}</span>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="required form-label">Dob</label>
                                <input type="date" name="dob" class="form-control stop_first_space"
                                    value="{{$data->dob}}" placeholder="Dob" data-error="#dob_error" required/>
                                <span class="error" id="dob_error"></span>
                                @if($errors->has("dob"))
                                <span class="text-danger">{{$errors->first("dob")}}</span>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <label class="required form-label">Gender</label>
                                <div class="form-inline">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" id="male" name="gender" value="M"
                                         @if ($data->gender == "M") checked @endif required>
                                        <label class="form-check-label" for="M">Male</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" id="female" name="gender" value="F"  @if ($data->gender == "F") checked @endif>
                                        <label class="form-check-label" for="F">Female</label>
                                    </div>
                                </div>
                                <span class="error" id="gender_error"></span>
                                @if ($errors->has('gender'))
                                    <span class="text-danger">{{ $errors->first('gender') }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="required form-label">Phone</label>
                                <input type="text" name="contact_number" class="form-control stop_first_space"
                                    value="{{$data->contact_number}}" placeholder="Contact Number Name"
                                    data-error="#contact_number_error" minlength="10" maxlength="10" onkeypress="return (event.charCode >= 48 && event.charCode <= 57)" required/>
                                <span class="error" id="contact_number_error"></span>
                                @if($errors->has("contact_number"))
                                <span class="text-danger">{{$errors->first("contact_number")}}</span>
                                @endif
                            </div>
                            <div class="col-md-6">
                             
                            </div>
                        </div>

                        <div class="col-md-12 fv-row mb-5">
                        </div>
                        <div class="col-md-12 fv-row mb-5">
                            <label class="required form-label">Address</label>
                            <input type="text" name="address" class="form-control stop_first_space"
                                value="{{$data->address}}" placeholder="Address Name" data-error="#address_error" />
                            <span class="error" id="address_error"></span>
                            @if($errors->has("address"))
                            <span class="text-danger">{{$errors->first("address")}}</span>
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="required form-label">State</label>
                                <select name="state_id" class="form-control" data-error="#state_id_error" required>
                                    @forelse($state as $cs)
                                    <option value="{{ $cs->id }}" @if ($data->state_id == $cs->id) selected
                                        @endif>{{ $cs->name }}</option>
                                    @empty
                                    <option value="">No state found</option>
                                    @endforelse
                                </select>
                                <span class="error" id="state_id_error"></span>
                                @if($errors->has("state_id"))
                                <span class="text-danger">{{$errors->first("state_id")}}</span>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <label class="required form-label">District</label>
                                <select name="district_id" class="form-control" data-error="#district_id_error" required>
                                    @forelse($district as $cs)
                                    <option value="{{ $cs->id }}" @if ($data->district_id == $cs->id) selected
                                        @endif>{{ $cs->name }}</option>
                                    @empty
                                    <option value="">No state found</option>
                                    @endforelse
                                </select>
                                <span class="error" id="district_id_error"></span>
                                @if($errors->has("district_id"))
                                <span class="text-danger">{{$errors->first("district_id")}}</span>
                                @endif
                            </div>
                            <input type="hidden" id="userid" name="userid" value="{{$data->userid}}">
                        </div>
                    </div>

                    <div class="d-flex justify-content-end"> <button type="submit" id="kt_modal_new_address_submit"
                            class="btn btn-primary me-3">
                            <span class="indicator-label">Submit</span>
                        </button><a class="btn btn-light" href="{{route('gymnast-list')}}">Back</a></div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@push("js")
<script>
$(document).ready(function() {
    $("#updateForm").validate({
        errorPlacement: function(error, element) {
            var placement = $(element).data("error");
            if (placement) {
                $(placement).append(error)
            } else {
                error.insertAfter(element);
            }
        },
        rules: {
            name: {
                required: true,
            },
            state_id: {
                required: true,
            },
            district_id: {
                required: true,
            },
            club_id: {
                required: true,
            },
            category: {
                required: true,
            },
            dob: {
                required: true,
            },
            gender: {
                required: true,
            },
            fathername: {
                required: true,
            },
            mothername: {
                required: true,
            },
            contact_number: {
                required: true,
            },
            email: {
                required: true,
            }
        },
        messages: {
            name: {
                required: "Name field is required."
            },
            state_id: {
                required: "State field is required."
            },
            district_id: {
                required: "District field is required."
            },
            club_id: {
                required: "Club field is required."
            },
            category: {
                required: "Category field is required."
            },
            dob: {
                required: "Dob field is required."
            },
            gender: {
                required: "Gender field is required."
            },
            fathername: {
                required: "Father Name field is required."
            },
            mothername: {
                required: "Mother Name field is required."
            },
            contact_number: {
                required: "Contact Number field is required."
            },
            email: {
                required: "Email field is required."
            }
        },
        submitHandler: function(form) {
            form.submit();
        }
    });
});
</script>
@endpush