@extends('modules.head') @section('contenido')
<h3><a class="ruta" class="" href="{{ url('/clients') }}">{{ Lang::get('messages.screen_add_clients_tag1') }} </a>
    <span class="separador-ruta">|</span><a class="ruta" class="" href="{{ url('/clients/add') }}">{{ Lang::get('messages.screen_add_clients_tag2') }} </a>
</h3>


<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ Lang::get('messages.screen_add_clients_tag3') }}</h3>

        <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse">
                <i class="fa fa-minus"></i>
            </button>
        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        {{-- @include('flash::message') --}}
        <form role="form" id="createClient" data-toggle="validator">

            <div class="row">
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="first_name">{{ Lang::get('messages.screen_add_clients_tag4') }}</label>
                        <input type="text" class="form-control" maxlength="45" name="first_name" placeholder="" required>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="last_name">{{ Lang::get('messages.screen_add_clients_tag5') }}</label>
                        <input type="text" class="form-control" maxlength="45" name="last_name" placeholder="" required>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="email">{{ Lang::get('messages.screen_add_clients_tag6') }}</label>
                        <input type="text" class="form-control" id="email" name="email" placeholder="" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="co-2 col-md-2">
                    <div class="form-group">
                        <label for="phone">{{ Lang::get('messages.screen_add_clients_tag7') }}</label>
                        <input type="text" class="form-control" maxlength="45" name="phone" placeholder="" required>
                    </div>
                </div>
                <div class="col-2 col-md-2">
                    <div class="form-group">
                        <label for="document">{{ Lang::get('messages.screen_add_clients_tag8') }}</label>
                        <input type="text" class="form-control" maxlength="45" name="document" placeholder="" required>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="password">{{ Lang::get('messages.screen_add_clients_tag9') }}</label>
                        <input id="password" type="text" class="form-control" maxlength="45" name="password" placeholder="" required>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="confirmPassword">{{ Lang::get('messages.screen_add_clients_tag10') }}</label>
                        <input id="confirmPassword" type="text" class="form-control" maxlength="45" name="confirmPassword" placeholder="" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-3">
                    <div class="form-group">
                        <label for="direction">{{ Lang::get('messages.screen_add_clients_tag11') }}</label>
                        <input type="text" data-id="" data-lat="" data-long="" id="direction" class="form-control" name="direction" placeholder="" required disabled>
                    </div>
                </div>
                <div class="col-xs-1">
                    <button type="button" class="btn btnBox btnPlusDir pull-left" id="btn-open-modal-direction" data-toggle="modal" data-target="#modal_register_direction" onclick="reloadMapa();">
                        <i class="fa fa-plus"></i>
                    </button>
                </div>
                <div class="col-4 col-md-4">
                    <label for="district">{{ Lang::get('messages.screen_add_clients_tag12') }}</label>
                    <div class="form-group">
                        <input type="text" class="form-control" id="district" name="district" placeholder="" maxlength="191">
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="indications">{{ Lang::get('messages.screen_add_clients_tag13') }}</label>
                        <textarea class="form-control" id="indications" rows="2" name="indications" placeholder="Enter ..." maxlength="250"></textarea>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="city_id">{{ Lang::get('messages.screen_sale_tag19') }}</label>
                        <select class="form-control" name="city_id" required>
                            <option value="">{{ Lang::get('messages.screen_sale_tag11') }}</option>
                            @foreach ($cities as $city)
                            <option value="{{ $city->id }}">{{ $city->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-8 col-md-8">
                    <div class="form-group">
                        <label for="link">{{ Lang::get('messages.screen_banners_tag23') }}</label>
                        @include('layouts.multiselect')
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="isSubscriber">{{ Lang::get('messages.screen_edit_clients_tag16')}}</label>
                        <div class="checkbox checbox-switch switch-success">
                            <label> No
                                <input type="checkbox" class="form-control" id="isSubscriber" name="isSubscriber" />
                                <span></span>
                                Si
                            </label>
                        </div>
                    </div>
                </div>
            </div>

            <button onClick="createClient()" id="btn-create-user" class="btn btnBox pull-right">{{ Lang::get('messages.screen_add_clients_tag14') }}</button>
            {{ csrf_field() }}
        </form>
    </div>
</div>

@include('modal_direction')


<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/direction.js') . '?v=' . time() }}"></script>
<script src="https://maps.googleapis.com/maps/api/js?key={{ config('googlmapper.key') }}&libraries=places,geometry" async defer></script>
<script src="{{ asset('js/users.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.select2').select2();
    });
</script>
@endsection