@extends('customer.layouts.app')

@section('page_title', __('customer.Update Profile :name', ['name' => __('customer.Profile')]))

@section('page_heading', __('customer.Update Profile :name', ['name' => __('customer.Profile')]))

@section('page_text', __('customer.Update Profile :name', ['name' => __('customer.Profile')]))

@section('css')
    <style>
        h1{
            color: #d98732;
        }
        .select2-results__option {
            color: black !important;
        }
    </style>
@endsection
@section('content')
    <div class="row d-flex justify-content-center ">
        <div class="col-md-8">
            <div class="main-card  card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-12 d-flex justify-content-center">
                                    <ul class="nav nav-pills" id="icon-pill" role="tablist">
                                        <li class="nav-item"><a class="nav-link active" id="profile-icon-tab"
                                                data-bs-toggle="pill" href="#profile-icon" role="tab"
                                                aria-controls="profile-icon" aria-selected="false" style="color: #d98732;"><i
                                                    class="fa fa-user"></i> Profile</a></li>
                                        <li class="nav-item"><a class="nav-link" id="contact-icon-tab"
                                                data-bs-toggle="pill" href="#contact-icon" role="tab"
                                                aria-controls="contact-icon" aria-selected="false" style="color: #d98732;"><i
                                                    class="fa fa-key"></i> Change Password</a></li>
                                    </ul>
                                </div>
                                <div class="col-12">
                                    <div class="tab-content mt-4" id="icon-tabContent">
                                        <div class="tab-pane fade show active" id="profile-icon" role="tabpanel"
                                            aria-labelledby="profile-icon-tab">
                                            {!! Form::model($user, ['method' => 'PATCH', 'route' => ['profile.update', $user->id], 'enctype'=>"multipart/form-data"]) !!}
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label for="name" class="form-label">@lang('customer.First Name')</label>
                                                        {!! Form::text('first_name', null, ['required' => 'required', 'placeholder' => '', 'class' => 'form-control']) !!}
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label for="name" class="form-label">@lang('customer.Last Name')</label>
                                                        {!! Form::text('last_name', null, ['required' => 'required', 'placeholder' => '', 'class' => 'form-control']) !!}
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label for="name"
                                                            class="form-label">@lang('customer.Email')</label>
                                                        {!! Form::text('email', null, ['required' => 'required', 'placeholder' => '', 'class' => 'form-control']) !!}
                                                    </div>
                                                </div>
                                                {{--  <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label for="country" class="form-label">@lang('admin.Country')</label>
                                                        <select name="country" id="country" class="form-control" onchange="getLocation()" required>
                                                            <option value="0">Select Country</option>
                                                            @foreach ($countries as $country)
                                                                @if ($user->profile->country_id == $country->id)
                                                                    <option value="{{ $country->id }}" selected>
                                                                        {{ $country->name }}</option>
                                                                @else
                                                                    <option value="{{ $country->id }}">
                                                                        {{ $country->name }}
                                                                    </option>
                                                                @endif

                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>  --}}
                                                {{--  <div class="col-md-6">
                                                    <div class="form-group location">
                                                        <label for="location"
                                                            class="form-label">@lang('admin.Location')</label>
                                                        <select name="location" id="location" class="form-control" required>
                                                            <option value="0">Select Location</option>
                                                            @foreach ($location as $item)
                                                                <option value="{{$item->id}}" @if ($user->profile->location->id == $item->id)
                                                                    selected
                                                                @endif>{{$item->name}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>  --}}
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <div class="divider"></div>
                                                        <div class="clearfix">

                                                            <button type="submit" id="next-btn"
                                                                class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                                                @lang('customer.Submit')
                                                            </button>
                                                            <a href="{{ route('dashboard.index') }}" id="prev-btn"
                                                                class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                                                @lang('customer.Cancel')
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {!! Form::close() !!}
                                        </div>
                                        <div class="tab-pane fade" id="contact-icon" role="tabpanel"
                                            aria-labelledby="contact-icon-tab">
                                            {!! Form::open(['route' => 'profile.changepassword', 'method' => 'post']) !!}
                                            <div class="row">
                                                <input type="hidden" name="user_id" value="{{$user->id}}">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">@lang('customer.Old Password')</label>
                                                        <div>
                                                            {!! Form::password('old_password', ['placeholder' => 'Password', 'class' => 'form-control']) !!}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">@lang('customer.New Password')</label>
                                                        <div>
                                                            {!! Form::password('new_password', ['required' => 'required', 'placeholder' => 'New Password', 'class' => 'form-control']) !!}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">@lang('customer.Confirm Password')</label>
                                                        <div>
                                                            {!! Form::password('confirm_password', ['required' => 'required', 'placeholder' => 'Confirm Password', 'class' => 'form-control']) !!}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <div class="divider"></div>
                                                        <div class="clearfix">
                                                            <button type="submit" id="next-btn"
                                                                class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                                                @lang('customer.Submit')
                                                            </button>
                                                            <a href="{{ route('dashboard.index') }}" id="prev-btn"
                                                                class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                                                @lang('customer.Cancel')
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
    @section('js')
        <script>
            function getLocation(){
                var country = $('#country').val();
                $.ajax({
                    url: "{{ url('customer/location') }}"+'/'+country,
                    method: "GET",
                    success:function(result){
                        $('#location').empty();
                        $.each(result, function (key, value) {
                            $('#location').append('<option value="'+value.id+'">'+value.name+'</option>');
                        })
                    }
                });
            };
        </script>
    @endsection