@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> </li>
                        <li><a class="text-muted text-hover-primary" href="{{ route('clubs') }}">Club Manager</a></li>
                        <li> </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>Club Manager</h3>
                </div>

                <div class="card-body pt-0">
                    <form action="{{ route('club-update', $data->id) }}" enctype="multipart/form-data" id="updateForm"
                        method="post">@csrf
                        <div class="row">
                            <label class="required form-label">Name</label>
                            <input value="{{ $data->name }}" type="text" name="name"
                                class="form-control stop_first_space" placeholder="Name" data-error="#name_error" />
                            <span class="error" id="name_error"></span>
                            @if ($errors->has('name'))
                                <span class="text-danger">{{ $errors->first('name') }}</span>
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="required form-label">State</label>
                                <select class="form-select mb-2" name="state_id" id="state_id" data-control="select2"
                                    data-hide-search="true" data-placeholder="Select State" data-error="#category_id_error">
                                    <option value=""></option>
                                    @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 class="form-select mb-2" name="district_id" id="district_id" data-control="select2"
                                    data-hide-search="true" data-error="#district_id_error">
                                    <option value="{{  $district->id }}">{{ $district->name }}</option> 

                                </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>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="required form-label">Contact Person</label>
                                <input value="{{ $data->contact_name }}" type="text" name="contact_name"
                                    class="form-control stop_first_space" placeholder="Contact"
                                    data-error="#contact_name_error" />
                                <span class="error" id="contact_name_error"></span>
                                @if ($errors->has('contact_name'))
                                    <span class="text-danger">{{ $errors->first('contact_name') }}</span>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <label class="required form-label">Designation</label>
                                <input value="{{ $data->designation }}" type="text" name="designation"
                                    class="form-control stop_first_space" placeholder="Designation"
                                    data-error="#designation_error" />
                                <span class="error" id="designation_error"></span>
                                @if ($errors->has('designation'))
                                    <span class="text-danger">{{ $errors->first('designation') }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="required form-label">Phone</label>
                                <input value="{{ $data->contact_number }}" type="tel" name="contact_number"
                                    class="form-control stop_first_space" minlength="10" maxlength="10" placeholder="Phone"
                                    data-error="#contact_number_error" />
                                <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">
                                <label class="required form-label">Email</label>
                                <input value="{{ $data->email }}" type="text" name="email"
                                    class="form-control stop_first_space" placeholder="Email"
                                    data-error="#email_error" />
                                <span class="error" id="email_error"></span>
                                @if ($errors->has('email'))
                                    <span class="text-danger">{{ $errors->first('email') }}</span>
                                @endif
                            </div> --}}
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="required form-label">Address</label>
                                <input value="{{ $data->address }}" type="text" name="address"
                                    class="form-control stop_first_space" placeholder="Address"
                                    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="col-md-6">
                                <label class="required form-label">City</label>
                                <input value="{{ $data->city }}" type="text" name="city"
                                    class="form-control stop_first_space" placeholder="City" data-error="#city_error" />
                                <span class="error" id="city_error"></span>
                                @if ($errors->has('city'))
                                    <span class="text-danger">{{ $errors->first('city') }}</span>
                                @endif
                            </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('clubs') }}">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,
                    },
                    district_id: {
                        required: true,
                    },
                    contact_name: {
                        required: true,
                    },
                    contact_number: {
                        required: true,
                    },
                    designation: {
                        required: true,
                    },
                    address: {
                        required: true,
                    },
                    state_id: {
                        required: true,
                    }
                },
                messages: {
                    name: {
                        required: "Name field is required."
                    },
                    district_id: {
                        required: "District_id field is required."
                    },
                    contact_name: {
                        required: "Contact field is required."
                    },
                    contact_number: {
                        required: "Number field is required."
                    },
                    designation: {
                        required: "Designation field is required."
                    },
                    address: {
                        required: "Address field is required."
                    },
                    state_id: {
                        required: "State field is required."
                    }
                },
                submitHandler: function(form) {
                    form.submit();
                }
            });            
        });
    </script>
@endpush