@extends('admin.layouts.master')

@section('title', 'Referrals')
@section('add_tags')
<link rel="stylesheet" href="{{asset('assets/site/css/style.css')}}" />
@endsection
@section('content')
    <section>
        <div class="divBackground">
            <div class="d-flex flex-wrap justify-content-center align-items-start col-10 mx-auto">
                <div class="col-12 col-md-5 infoagentbackcolor">
                    <p class="text-white h6 font-weight-bolder my-3">@lang('site.Remax_Elmohager_outreferal')</p>
                    <h1 class="p namestyle namestyleLarge mb-5">{{ $referralAccount->name . ' (' . $referralAccount->nickname . ')'}}</h1>
                    <hr class="linestyle col-3 mx-0">
                    <a class="text-decoration-none" href="tel:{{ $referralAccount->phone }}">
                        <p class="namestyle namestyleMedium mt-4">{{ $referralAccount->phone }}</p>
                    </a>
                    <div>
                        <p>
                            @foreach (explode(',',$referralAccount->city) as $city)
                                <p class="custlabel text-info">
                                    {{ $city }}
                                </p>
                            @endforeach
                        </p>
                    </div>
                    {{-- <p class="namestyleMedium font-weight-bold mt-4">@lang('site.Meet With') {{ $partner->first_name }}
                    </p>
                    <a href="" class="btn bg-red col-6 text-white" data-toggle="modal"
                        data-target="#exampleModal">@lang('site.schudle_meeting')</a> --}}
                </div>
                <div class="col-5 mx-4 my-3 my-md-0 py-0 px-3">
                    <img class="rounded"
                        src="{{ asset('uploads/referal/'.$referralAccount->personal_picture) ?? asset('assets/site/image_notfound.jpg') }}"
                        alt="{{ $referralAccount->name .' ('. $referralAccount->nickname .')' }}">
                </div>
            </div>
        </div>
        <div class="col-8 mx-auto  my-4 d-flex justify-content-around align-items-center">
            <a href="{{ route('admin.addReferral',['id'=>$referralAccount->id]) }}" class="btn btn-danger">Add Referral</a>
        </div>
        <table class="table text-center col-11 mx-auto">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Referral Type</th>
                    <th scope="col">Client Name</th>
                    <th scope="col">Client Phone</th>
                    <th scope="col">Client Email</th>
                    <th scope="col">Details</th>
                    <th scope="col">Price</th>
                    <th scope="col">Notes</th>
                    <th scope="col">Nileestate Agent</th>
                    <th scope="col">Nileestate Agent Mobile</th>
                    <th scope="col">Status</th>
                    <th scope="col">Created At</th>
                    {{-- <th scope="col">Action</th> --}}
                </tr>
            </thead>
            <tbody>
                @foreach ($referals as $referal)
                    <tr>
                        <th class="align-middle" scope="row">{{ $loop->iteration }}</th>
                        <td class="align-middle">{{ $referal->referral_type }}</td>
                        <td class="align-middle">{{ $referal->client_name }}</td>
                        <td class="align-middle">{{ $referal->client_phone }}</td>
                        <td class="align-middle">{{ $referal->client_email }}</td>
                        <td class="align-middle">{{ $referal->details }}</td>
                        <td class="align-middle">{{ $referal->price }}</td>
                        <td class="align-middle">{{ $referal->notes }}</td>
                        <td class="align-middle">{{ $referal->assigned_agent_name }}</td>
                        <td class="align-middle">{{ $referal->assigned_agent_number }}</td>
                        <td class="align-middle">{{ $referal->status }}</td>
                        <td class="align-middle">{{ $referal->created_at->format('Y-m-d') }}</td>
                        {{-- <td  class="align-middle">
                            <div class="d-flex justify-content-around align-items-center">
                                @if ($referal->status == 'Waiting Approval')
                                    <a class="btn btn-success"
                                        href="{{ route('admin.referal.approve', $referal->id) }}">Approve</a>
                                @else
                                    <a class="btn btn-primary"
                                        href="{{ route('admin.referalShow', $referal->id) }}">Profile</a>
                                @endif
                                <input type="checkbox" class="checkDel" id="{{ $referal->id }}"
                                    value="{{ $referal->id }}" />
                                <form class="delete-form" action="{{ route('admin.referal.destroy', $referal->id) }}"
                                    method="post">
                                    @method('DELETE')
                                    @csrf
                                    <button class="btn btn-white-lg-outline border-0 btn-color-blue"><i
                                            class="fa fa-trash"></i></button>
                                </form>
                            </div>
                        </td> --}}
                    </tr>
                @endforeach
            </tbody>
        </table>
    </section>
@endsection