@extends('admin.layouts.master')
@section('title', 'Dashboard')
@section('content')

<style>
    .btn .btn-theme1{
        float: right;
    }
</style>
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <main class="col-md-12">
                <div class="border bg-white mb-3">
                    <div class="box-title border-bottom p-3">

                        <h4 class="m-0 bold">Recommend View</h4>
                        @if(Session::has('message'))
                        <div class="alert alert-primary" role="alert">
                           {{ Session::get('message') }}
                         </div>
                        @endif
                        <p class="mb-0 mt-0 small"></p>
                        <div class="alert alert-danger alert-dismissible fade" role="alert" style="color:white">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                            <strong>Error! </strong>
                        </div>
                    </div>
                    <div class="color-border-bottom-edit"></div>
                    <div class="box-body p-3">
                    <form action="{{ route('recommend.update') }}" method="POST">
                        @csrf
                        <input type="hidden" name="recommend_user_id" value="{{$Recommend->id}}">
                        <div class="row">
                            <!-- Input -->
                            <input type="hidden" name="id" value="">
                            <div class="col-sm-4 mb-4">
                                <div class="js-form-message">
                                    <label id="nameLabel" class="form-label bold">
                                        NAME OF SERVICE PROVIDER
                                    </label>
                                    <div class="form-group">
                                      <label for="exampleInputEmail1">{{$Recommend->provider_name}}</label>
                                        <div class="text-truncate">
                                            <input type="text" class="form-control" value="{{$Recommend->provider_name}}" name="service_provider_name"></div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 mb-4">
                                <div class="js-form-message">
                                    <label id="nameLabel" class="form-label bold">
                                        SERVICE PROVIDER PHONE NUMBER
                                    </label>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">{{$Recommend->provider_number}}</label>
                                        <div class="text-truncate"><input type="text"  class="form-control" value="{{$Recommend->provider_number}}" name="service_provider_phone"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 mb-4">
                                <div class="js-form-message">
                                    <label id="nameLabel" class="form-label bold">
                                        SERVICE PROVIDER EMAIL
                                    </label>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">{{$Recommend->provider_email}}</label>
                                        <div class="text-truncate"><input type="text"  class="form-control" value="{{$Recommend->provider_email}}" name="service_provider_email"></div>

                                    </div>
                                </div>
                            </div>
                            <!-- End Input -->
                        </div>
                        <div class="row">
                            <!-- Input -->
                            <input type="hidden" name="id" value="">
                            <div class="col-sm-4 mb-4">
                                <div class="js-form-message">
                                    <label id="address" class="form-label bold">
                                        The top 3 services they provide
                                    </label>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">{{$Recommend->provider_primary}}</label>
                                        <div class="text-truncate"><input type="text" class="form-control" value="{{$Recommend->provider_primary}}" name="service_primary"></div>
                                        <label for="exampleInputEmail1">{{$Recommend->provider_secondary}}</label>
                                        <div class="text-truncate"><input type="text" class="form-control" value="{{$Recommend->provider_secondary}}" name="service_secondary"></div>
                                        <label for="exampleInputEmail1">{{$Recommend->provider_oter}}</label>
                                        <div class="text-truncate"><input type="text" class="form-control" value="{{$Recommend->provider_oter}}" name="service_other"></div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 mb-4">
                                <div class="js-form-message">
                                    <label id="address" class="form-label bold">
                                        Tell us why you recommend this person
                                    </label>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">{{$Recommend->tell_us}}</label>
                                        <div class="text-truncate"><input type="text" class="form-control" value="{{$Recommend->tell_us}}" name="why_recommend_message"></div>

                                    </div>
                                </div>
                            </div>
                            <!-- End Input -->
                        </div>
                    </div>


                    <div class="border bg-white mb-3">
                        <div class="box-title border-bottom p-3">
                            <div class="row">
                                <!-- Input -->
                                <div class="col-sm-4 mb-2">
                                    <div class="js-form-message">
                                        <label id="emailLabel" class="form-label bold">
                                            YOUR NAME
                                        </label>
                                        <div class="form-group">
                                            {{-- {{ dd($Recommend) }} --}}
                                            <label for="exampleInputEmail1">{{$Recommend->your_name}}</label>
                                            <div class="text-truncate"><input type="text" class="form-control" value="{{$Recommend->your_name}}" name="your_name"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Input -->
                                <!-- Input -->
                                <div class="col-sm-4 mb-2">
                                    <div class="js-form-message">
                                        <label id="phoneNumberLabel" class="form-label bold">
                                            YOUR PHONE NUMBER
                                        </label>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">{{$Recommend->your_number}}</label>
                                            <div class="text-truncate"><input type="text" class="form-control" value="{{$Recommend->your_number}}" name="Phone_number"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Input -->
                                <!-- Input -->
                                <div class="col-sm-4 mb-2">
                                    <div class="js-form-message">
                                        <label id="phoneNumberLabel" class="form-label bold">
                                            YOUR EMAIL ADDRESS
                                        </label>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">{{$Recommend->your_email}}</label>
                                            <div class="text-truncate"><input type="text" class="form-control" value="{{$Recommend->your_email}}" name="email"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Input -->
                            </div>
                            <div class="row">
                                <!-- Input -->
                                <div class="col-sm-4 ">
                                    <div class="js-form-message">
                                        <label id="emailLabel" class="form-label bold">
                                            Your personal message
                                        </label>
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">{{$Recommend->your_messge}}</label>
                                            <div class="text-truncate"><textarea type="text" class="form-control" name="message">{{$Recommend->your_messge	}}</textarea></div>
                                        </div>
                                    </div>
                                </div>

                              
                            
                                <!-- End Input -->
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-theme">Update</button>
                                </div>
                            </div>
                        </form>

                            <br>
                            <div class="row">
                                <div class="col-md-6 ">
                                    <form action="{{route("add.provider")}}" method="POST">
                                        @csrf
                                        <input type="hidden" name="provider_name" value="{{ $Recommend->provider_name }}">
                                        <input type="hidden" name="provider_number" value="{{ $Recommend->provider_number }}">
                                        <input type="hidden" name="provider_email" value="{{ $Recommend->provider_email }}">
                                        <input type="hidden" name="rec_email" value="{{ $Recommend->your_email }}">
                                        <input type="hidden" name="rec_name" value="{{ $Recommend->your_name }}">
                                        <input type="hidden" name="provider_primary" value="{{ $Recommend->provider_primary }}">
                                        <input type="hidden" name="role_id" value="2">
                                        <input type="hidden" name="rec_id" value="{{ $Recommend->id }}">
                                        <button type="submit" class="btn btn-theme" value="submit">Accept</button>
                                       
                                    </form>
                                   
                                </div>
                                <div class="col-md-6">
                                    <a href="{{ route("recommend.index") }}" class="btn btn-theme">Go Back</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
        </div>
    </div>
    <!-- end page content -->
@endsection