@extends('web.layouts.layout')

@section('container_content')
    <section class="box valign profile">
        <div class="container-fluid">
            <div class="content">
                <h3 class="title mb-5 wow fadeInUp">Profile
                </h3>

                    @include('web.layouts.messages')

                    <form action="" method="post">
                        @csrf()
                        <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="">First name {{getCurrentLocale()}}</label>
                                <input type="text" class="form-control" name="first_name_{{getCurrentLocale()}}" placeholder="first_name_{{getCurrentLocale()}}" value="{{old('first_name_'.getCurrentLocale(), $f_name)}}">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="">Last name {{getCurrentLocale()}}</label>
                                <input type="text" class="form-control" name="last_name_{{getCurrentLocale()}}" placeholder="last_name_{{getCurrentLocale()}}" value="{{old('last_name_'.getCurrentLocale(), $l_name)}}">
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="form-group">
                                <label for="region">region / provines / region</label>
                                <select name="region" id="region" class="region form-control profile_select_region" data-target="city" data-table="cities">
                                    <option value="">Choose</option>
                                    @foreach ($regions as $region)
                                        <option value="{{$region->region_id}}">{{$region->{'name_'.getCurrentLocale()} }}</option>
                                    @endforeach

                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="city">city</label>
                                <select name="city" id="city" class="city form-control profile_select profile_select_city" data-target="district" data-table="districts">
                                    <option value="">Choose</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="">Facebook</label>
                                <input type="text" class="form-control" name="first_name_{{getCurrentLocale()}}" placeholder="first_name_{{getCurrentLocale()}}" value="{{old('first_name_'.getCurrentLocale(), $f_name)}}">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="">Twitter</label>
                                <input type="text" class="form-control" name="last_name_{{getCurrentLocale()}}" placeholder="last_name_{{getCurrentLocale()}}" value="{{old('last_name_'.getCurrentLocale(), $l_name)}}">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="">Instagram</label>
                                <input type="text" class="form-control" name="last_name_{{getCurrentLocale()}}" placeholder="last_name_{{getCurrentLocale()}}" value="{{old('last_name_'.getCurrentLocale(), $l_name)}}">
                            </div>
                        </div>
                    </div>
                        <div class="row">
                            <div class="col-md-9">
                                <div class="form-group">
                                    <label for="">{{__('users.about_me')}}</label>
                                    <textarea name="about_me" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                </form>



        </div>
    </section>

@endsection

@section('container_js')
    <script>
    </script>
@endsection