@extends('layouts.backend')

@section('content')
    <link rel="stylesheet" href="{{ asset('css/modules/questionnaires/style.css') }}">
    <!-- Hero -->
    <div class="bg-body-light">
        <div class="content content-full">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                <h1 class="flex-sm-fill font-size-h2 font-w400 mt-2 mb-0 mb-sm-2">
                    @if(empty($data)){{ __('Create client') }}@else{{ __('Edit client') }}@endif
                </h1>
                <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item" aria-current="page">{{ __('Clients') }}</li>
                        <li class="breadcrumb-item active" aria-current="page">@if(empty($data)){{ __('Create item') }}@else{{ __('Edit item') }}@endif</li>
                    </ol>
                </nav>
            </div>
       </div>
    </div>
    <!-- END Hero -->

    <!-- Page Content -->
    <div class="content">

        <form action="@if(empty($data)){{ route('ClientsStore') }}@else{{ route('ClientsUpdate', ['clients' => $data->id]) }}@endif" method="POST" enctype="multipart/form-data">
            @csrf
            <!-- Default INPUTS -->

            <!-- Dynamic Table with Export Buttons -->
            <div class="block block-rounded block-bordered">
                <div class="block-header block-header-default">
                    <h3 class="block-title"></h3>
                    <a href="{{ Route('ClientsIndex') }}" class="btn btn-info mr-1 mb-3">{{ __('Back to listing') }}</a>
                    <button type="submit" class="btn btn-success mr-1 mb-3">{{ __('Save item') }}</button>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="block-content block-content-full">
                            <div class="form-group">
                                <label for="name">{{ __('Name') }}</label>
                                <input type="text" class="form-control" id="name" name="name" placeholder="{{ __('Name') }}" aria-describedby="name-error" aria-invalid="true" value="@if(!empty($data->name)){{ $data->name }}@endif">
                                <div id="name-error" class="invalid-feedback animated fadeIn">{{ __('Needed field') }} </div>
                            </div>
                            <div class="form-group">
                                <label for="address">{{ __('Address') }}</label>
                                <input type="text" class="form-control" id="address" name="address" placeholder="{{ __('Address') }}" aria-describedby="address-error" aria-invalid="true" value="@if(!empty($data->address)){{ $data->address }}@endif">
                                <div id="address-error" class="invalid-feedback animated fadeIn">{{ __('Needed field') }} </div>
                            </div>
                            <div class="form-group">
                                <label for="contactName">{{ __('Contact name') }}</label>
                                <input type="text" class="form-control" id="contactName" name="contactName" placeholder="{{ __('Contact name') }}" aria-describedby="contactName-error" aria-invalid="true" value="@if(!empty($data->contactName)){{ $data->contactName }}@endif">
                                <div id="contactName-error" class="invalid-feedback animated fadeIn">{{ __('Needed field') }} </div>
                            </div>
                            <div class="form-group">
                                <label for="contactMail">{{ __('Contact mail') }}</label>
                                <input type="email" class="form-control" id="contactMail" name="contactMail" placeholder="{{ __('Contact mail') }}" aria-describedby="contactMail-error" aria-invalid="true" value="@if(!empty($data->contactMail)){{ $data->contactMail }}@endif">
                                <div id="contactMail-error" class="invalid-feedback animated fadeIn">{{ __('Please enter a valid email address') }} </div>
                            </div>
                            <div class="form-group">
                                <label for="contactPhone">{{ __('Contact phone') }} <small>({{ __('Example') }}: 06301234567)</small></label>
                                <input type="contactPhone" class="js-masked-phone form-control js-masked-enabled" id="contactPhone" name="contactPhone" placeholder="{{ __('Contact phone') }}" aria-describedby="contactPhone-error" aria-invalid="true" value="@if(!empty($data->contactPhone)){{ $data->contactPhone }}@endif">
                                <div id="contactPhone-error" class="invalid-feedback animated fadeIn">{{ __('Please enter a valid email address') }} </div>
                            </div>
                            <script>
                                $(function($){
                                    $("#contactPhone").mask("06999999999");
                                });
                            </script>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Dynamic Table with Export Buttons -->
        </form>
    </div>
    <!-- END Page Content -->
@endsection