@extends('apex-layouts.main')
@section('title',"Lead Form")
@section('header-right')
    <a href="{{ route('leads.index') }}"
       class="btn btn-raised btn-raised btn-warning mr-1 round">
        Go Back
    </a>
@endsection

@section('content')
    <section id="basic-form-layouts">
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <div class="card">
                    <div class="card-body">
                        <div class="px-3">
                            <form method="post" class="form"
                                  enctype="multipart/form-data"
                                  action="{{ ($model->exists)? route('leads.update', [$model->id]): route('leads.store') }}">
                                @if ($model->exists)
                                    @method('PUT')
                                @endif
                                @csrf
                                <div class="form-body">
                                    <h4 class="form-section">
                                        <i class="ft-user"></i>{{ ($model->exists)?'Edit leads':'New leads' }}
                                    </h4>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <fieldset class="form-group">
                                                <label class="label-control">Reasons</label>
                                                <select class="form-control" name="reason_id" id="basicSelect">
                                                    @foreach($reasons as $key=>$review)
                                                        <option value="{{$key}}">{{$review}}</option>
                                                    @endforeach
                                                </select>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="phone">phone</label>
                                                <input type="phone" id="phone"
                                                       oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                                       pattern="[0-9]{4}[0-9]{3}[0-9]{4}"
                                                       maxlength="11"
                                                       class="form-control{{ $errors->has('phone') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('phone'))? old('phone'): $model->phone }}"
                                                       placeholder="leads phone"
                                                       name="phone" autofocus>
                                                @if ($errors->has('phone'))
                                                    <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('phone') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="leads_name">Name</label>
                                                <input type="text" id="members_name"
                                                       class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('name'))? old('name'): $model->name }}"
                                                       placeholder="leads name"
                                                       name="name" autofocus>

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

                                                @if ($errors->has('email'))
                                                    <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $errors->first('email') }}</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">