@extends('apex-layouts.main')

@section("title",($model->exists)? "{$model->name} {$model->phone}" :"Add A New Member")

@section('header-right')
    @if($model->exists)
    <a href="{{ route('members.show',$model->id) }}" class="btn btn-raised btn-light mr-1 mb-1 round">
        <i class="fa fa-arrow-left"></i>
    </a>
    @endif
@endsection
@section('content')
    <section>
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div class="card">

                    <div class="card-header">
                        <h4 class="card-title"
                            id="basic-layout-form text-muted">{{ ($model->exists)?'Edit Member':'New Member' }}</h4>
                    </div>

                    <div class="card-body">
                        <div class="px-3">
                            <form method="post" class="form"
                                  action="{{ ($model->exists)? route('members.update', [$model->id]): route('members.store') }}">
                                @if ($model->exists)
                                    @method('PUT')
                                @endif
                                @csrf

                                <div class="form-body">
                                    <h4 class="form-section"><i class="ft-edit"></i> Member Info</h4>

                                    <div class="row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label for="members_name">Member Name</label>
                                                <input type="text" id="members_name"
                                                       class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('name'))? old('name'): $model->name }}"
                                                       placeholder="Member Name"
                                                       name="name" autofocus>

                                                @if ($errors->has('name'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('name') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label for="members_name">Member Email</label>
                                                <input type="email" id="members_email"
                                                       class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('email'))? old('email'): $model->email }}"
                                                       placeholder="Member Email"
                                                       name="email" autofocus>

                                                @if ($errors->has('email'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('email') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label for="members_phone">Member Phone</label>
                                                <input type="tel" min="11" max="11" id="members_phone"
                                                       class="form-control{{ $errors->has('phone') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('phone'))? old('phone'): $model->phone }}"
                                                       placeholder="Member Phone"
                                                       name="phone" {{(!empty($model->phone)?'disabled':'')}}
                                                       required
                                                       autofocus>
                                                <span class="note">Format: 01234567890</span>
                                                @if ($errors->has('phone'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('phone') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label for="members_gender">Gender</label>
                                                <select id="members_gender" name="gender"
                                                        class="form-control">