@php
$routeLink =$blade_data['routesLink']??"admin.memberships";
@endphp
@extends('admin.layouts.app')
@section('page-title',$blade_data['title'])

@section('breadcrumb')
<x-breadcrumb :blades="$blade_data" />
@endsection


@section('content')

<div class=" ">
    <div class="card rounded-0 mb-2">
        <div class="card-body">

            <form
                action="{{$form_data->id?route($routeLink.'.update',['id'=>$form_data->id]):route($routeLink.'.store')}}"
                method="POST" class="edit-form" enctype="multipart/form-data">
                @csrf

                <div class="form-group row">

                    <div class="col-sm-4 mb-3">
                        <label class="">First Name</label>
                        <div class="">
                            <input type="text" name="first_name" value="{{old('first_name',$form_data->first_name)}}"
                                class="form-control @error('first_name') is-invalid @enderror" required>
                            @error('first_name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-sm-4 mb-3">
                        <label class="">Last Name</label>
                        <div class="">
                            <input type="text" name="last_name" value="{{old('last_name',$form_data->last_name)}}"
                                class="form-control @error('last_name') is-invalid @enderror" required>
                            @error('last_name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>


                    <div class="col-sm-4 mb-3">
                        <label class="">Phone</label>
                        <div class="">
                            <input type="number" name="phone" value="{{old('phone',$form_data->phone)}}"
                                class="form-control @error('phone') is-invalid @enderror" required>
                            @error('phone')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>


                    <div class="col-sm-4 mb-3">
                        <label class="">Password</label>
                        <div class="">
                            <input type="text" name="password" value=""
                                class="form-control @error('password') is-invalid @enderror" {{{$form_data->id?'':'required'}}}>
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-3">
                        <button type="submit" class="btn btn-sm btn-primary submitBtn">Save</button>
                        <a href="{{route($routeLink.'.index')}}" class="btn btn-sm btn-secondary">Back</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection


@push('scripts')
<script src="{{asset('plugins/jasny-bootstrap/js/jasny-bootstrap.min.js')}}"></script>
<link rel="stylesheet" href="{{asset('plugins/jasny-bootstrap/css/jasny-bootstrap.min.css')}}" />

<script src="{{url('/')}}/plugins/jquery.validate.js"></script>
<script>
    $(".edit-form" ).validate({
        highlight: function(element) {
			$(element).closest('.form-control').removeClass('is-valid').addClass('is-invalid'); // add the Bootstrap error class to the control group
		},
		ignore: ":hidden, [contenteditable='true']",
		unhighlight: function(element) {
			$(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid');
		},
		success: function(element) {
			$(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid'); // remove the Boostrap error class from the control group
		},
        submitHandler: function (form) {
            var loadingText = '<i class="fa fa-circle-notch fa-spin"></i> Saving..';
            $('.edit-form  .submitBtn').html(loadingText).prop('disabled', true);    
            return true;            
        }
    });
    function toggle_other_option(landingType){
        if($(landingType).val() == 'Others'){
            $("#tracking_block").show();
        }else{
            $("#tracking_block").hide();
        }
    }  
</script>
@endpush