@extends('frontLayouts.frontApp')

@section('class')
    experiment register-new
@endsection
@section('headerContent')
    <!-- Start Content -->
    <div class="content-register">
        <h4>{{trans('lang.sign_up')}}</h4>
        <div class="tabs">
            <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                            aria-selected="true">{{trans('lang.tourist')}}
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile"
                            aria-selected="false">  {{trans('lang.tour_guide')}}
                    </button>
                </li>
            </ul>
            <div class="tab-content" id="pills-tabContent">
{{--                @include('frontLayouts.errors')--}}
                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                    <form method="post" action="{{ route('customer.registrar.post') }}">
                        @csrf
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label">{{ __('lang.name') }}</label>
                            <input type="text" value="{{ old('name') }}" name="name" class="form-control"
                                   id="exampleInputEmail1" placeholder="{{ __('lang.enter_name') }}"
                                   aria-describedby="emailHelp">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPhone1" class="form-label">{{ __('lang.phone') }}</label>
                            <input type="text" value="{{ old('phone') }}" name="phone" class="form-control"
                                   id="exampleInputPhone1" placeholder="{{ __('lang.enter_phone') }}"
                                   aria-describedby="emailHelp">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPhone1" class="form-label">{{ __('lang.address') }}</label>
                            <select name="city_id" required class="form-select" aria-label="Default select example">
                                <option selected disabled>{{ __('lang.choose_city') }}</option>
                                @foreach($cities as $city)
                                    <option value="{{ $city->id }}" {{ old('city_id') == $city->id ? 'selected' : '' }}>{{ $city->name  }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label">{{ __('lang.email') }}</label>
                            <input type="text" value="{{ old('email') }}" name="email" class="form-control"
                                   id="exampleInputEmail1" placeholder="{{ __('lang.enter_email') }}"
                                   aria-describedby="emailHelp">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPassword1" class="form-label">{{ __('lang.password') }}</label>
                            <input type="password" name="password" class="form-control" id="exampleInputPassword1"
                                   placeholder="{{ __('lang.enter_password') }}">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPassword1"
                                   class="form-label">{{ __('lang.confirm_password') }}</label>
                            <input type="password" name="password_confirmation" class="form-control"
                                   id="exampleInputPassword1" placeholder="{{ __('lang.confirm_password') }}">
                        </div>
                        <div class="mb-3 form-check">
                            <input type="checkbox" required class="form-check-input" id="exampleCheck1">
                            <label class="form-check-label" for="exampleCheck1">{{ __('lang.approve') }}</label>
                        </div>
                        <button type="submit"
                                class="btn btn-primary btn-submit">{{ __('lang.create_account') }}</button>
                    </form>
                </div>
                <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                    <form method="post" action="{{ route('customer.register_guide.post') }}"
                          enctype="multipart/form-data">
                        @csrf
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label">{{ __('lang.name') }}</label>
                            <input type="text" value="{{ old('name') }}" name="name" required class="form-control"
                                   id="exampleInputEmail1" placeholder="{{ __('lang.enter_name') }}"
                                   aria-describedby="emailHelp">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label">{{ __('lang.phone') }}</label>
                            <input type="text" value="{{ old('phone') }}" name="phone" required class="form-control"
                                   id="exampleInputEmail1" placeholder="{{ __('lang.enter_phone') }}"
                                   aria-describedby="emailHelp">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPhone1" class="form-label">{{ __('lang.address') }}</label>
                            <select name="city_id" required class="form-select" aria-label="Default select example">
                                <option selected disabled>{{ __('lang.choose_city') }}</option>
                                @foreach($cities as $city)
                                    <option value="{{ $city->id }}" {{ old('city_id') == $city->id ? 'selected' : '' }}>{{ $city->name  }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label">{{ __('lang.email') }}</label>
                            <input type="email" value="{{ old('email') }}" name="email" required class="form-control"
                                   id="exampleInputEmail1" placeholder="{{ __('lang.enter_email') }}"
                                   aria-describedby="emailHelp">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPassword1" class="form-label">{{ __('lang.password') }}</label>
                            <input type="password" required name="password" class="form-control"
                                   id="exampleInputPassword1" placeholder="{{ __('lang.enter_password') }}">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPassword1"
                                   class="form-label">{{ __('lang.confirm_password') }}</label>
                            <input type="password" required name="password_confirmation" class="form-control"
                                   id="exampleInputPassword1" placeholder="{{ __('lang.confirm_password') }}">
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPassword1" class="form-label">{{ __('lang.license_image') }}</label>
                            <label for="inputTag" class="uploade-image">
                                <div class="uplode-button">
                                    <i class="fa-solid fa-cloud-arrow-up"></i>
                                    <h6> {{ __('lang.upload_file') }} </h6>
                                </div>
                                <input id="inputTag" name="license_image" type="file" required/>
                                <br/>
                                <span id="imageName"></span>
                            </label>
                        </div>
                        <span class="success-message-upload" style="color: #02b521;display: none;">{{ __('lang.file_uploaded') }}</span>
                        <div class="mb-3 form-check">
                            <input type="checkbox" required class="form-check-input" id="exampleCheck1">
                            <label class="form-check-label" for="exampleCheck1">{{trans('lang.approve')}}</label>
                        </div>
                        <button type="submit" class="btn btn-primary btn-submit">     {{trans('lang.sign_up2')}}</button>
                    </form>
                </div>
            </div>
        </div>
        <h5>{{trans('lang.have_account')}}   <a href="{{route('customer.login')}}">   {{trans('lang.login')}} </a></h5>
    </div>

    <!-- End Contnet -->
@endsection
@section('frontContent')
    <div class="block register-600"></div>
@endsection