@extends('vendor.template.layout')
@section('content')

    <div class="card mb-5">
        <div class="card-body">

            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12  layout-spacing">
                @if (session('error'))
                    <div class="alert alert-danger alert-dismissable custom-danger-box" style="margin: 15px;">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <strong> {{ session('error') }} </strong>
                    </div>
                @endif
                <div class="">

                    <div class="mt-4">
                        <form id="user_profile_form" data-parsley-validate="true">
                            @csrf
                            <div class="row">
                                <div class=" col-md-6 form-group">
                                    <label for="email"> Customer Email</label>
                                    <input type="email" name="email" value="{{ old('email') }}"
                                        class="form-control jqv-input email" placeholder="Enter Customer Email" required>
                                    @error('email')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class=" col-md-6 form-group">
                                    <input type="Search" id="serach_user" value="Search" name="txt"
                                        class="text-white mt-4 btn btn-primary">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="">

                    <div class="mt-4">
                        <form method="post" action="{{ url('vendor/services_obtained/store') }}" id="admin-form"
                            enctype="multipart/form-data" data-parsley-validate="true">
                            @csrf
                            <div class="row">
                                <input type="email" name="email" id="email" value="{{ old('email') }}"
                                    class="form-control jqv-input" hidden placeholder="">

                                <div class=" col-md-12   form-group">
                                    <label for="service_id">Service</label>
                                    <select name="service_id" id="service_id" class="form-control jqv-input" required>
                                        <option value="" selected disabled>Select Service</option>
                                        @foreach ($services as $service)
                                            <option value="{{ $service->id }}">{{ $service->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                
                            </div>
                            <div class="row" id="user_profile"></div>

                            <div class="form-group">
                                <input type="submit" disabled name="txt" class="mt-4 btn btn-primary">
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>

    </div>

@endsection

@section('script')
    <script src="{{ asset('admin-assets/plugins/editors/tinymce/tinymce.min.js') }}"></script>
    <script src="{{ asset('admin-assets/plugins/editors/tinymce/editor_tinymce.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#serach_user').on('click', function() {
                var email = $('.email').val();
                if (email == '') {
                    alert('Please enter customer email.');
                    return false;
                }
                $.ajax({
                    url: "{{ url('vendor/get_user_profile') }}",
                    type: 'POST',
                    data: {
                        email: email,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(data) {
                        //if staus is not success then show error message that user not found
                        if (data['status'] != 1) {
                            alert(data['message']);
                            return false;
                        }

                        $('#user_profile').html(
                            '<div class=" col-md-6 form-group"><label for="name"> Name</label><input type="text" name="name" value="' +
                            data['name'] +
                            '" class="form-control jqv-input" disabled placeholder="" required>@error('name')<span class="text-danger">{{ $message }}</span>@enderror</div><div class=" col-md-6 form-group"><label for="phone"> Phone</label><input type="text" name="phone" value="' +
                            data['phone'] +
                            '" class="form-control jqv-input" disabled placeholder="" required>@error('phone')<span class="text-danger">{{ $message }}</span>@enderror</div>'
                        );
                        $('#email').val(email);
                        $('input[type="submit"]').prop('disabled', false);
                    }
                });
            });
        });
    </script>
@stop