@extends('backend.layouts.design')
@section('content')

<section class="content-header">
    <div class="row mb-2">
        <nav aria-label="Breadcrumb navigation" class="col-md-12 small" role="navigation">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/admin">Home</a></li>
                <li class="breadcrumb-item"><a href="{{route('members.index')}}">members</a></li>
                <li class="breadcrumb-item active" aria-current="page">add</li>
            </ol>
        </nav>
    </div>

    <div class="row justify-content-end">
        <div class="col-md-6 text-right">
            <a type="button" href="{{route('members.index')}}" class="btn btn-danger btn-sm">
                <i class="fa fa-arrow-left"></i> Back
            </a>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Add Members</h3>
                    </div>
                    <form id="msform" method="POST" class="form" action="{{route('members.store')}}" enctype="multipart/form-data">
                        {{ @csrf_field() }}
                        @include('backend.forms.create-member')
                    </form>
                </div>
                <!-- /.card -->

            </div>
            <!--/.col (left) -->
        </div>
    </div>
</section>
@endsection

@section('page-specific-js')
<script src="{{asset('backend/js/multi-step-form.js')}}">
</script>
<script src="{{asset('backend/js/validation.js')}}"></script>

<!-- Permanent Address same as Current Address  -->
<script src="{{asset('backend/js/address.js')}}"></script>

<script>
$(window).on('load', function() {

    $("input, select", "#step2").addClass("ignore"); // do not validate #form2 input
    $("input, select", "#step3").addClass("ignore"); // do not validate #form2 input
    $("input, select", "#step4").addClass("ignore"); // do not validate #form2 input

});
</script>


@endsection