@extends('backend.layouts_backend.master2')

@section('title')
    Client Details
@endsection

@section('content')
    {{-- header --}}
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0"> Client Details</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">

            <a href="/admin/clients/create"><button type="button" class="btn btn-primary btn-icon-text me-2 mb-2 mb-md-0">
                    <i class="btn-icon-prepend" data-feather="plus-circle"></i>
                    Add Clients
                </button> </a>
            <a href="/admin/clients"><button type="button" class="btn btn-success btn-icon-text me-2 mb-2 mb-md-0">
                    <i class="btn-icon-prepend" data-feather="eye"></i>
                    View Clients
                </button> </a>

        </div>
    </div>

    {{-- end header --}}

    <div class="justify-content-center">

        <div class="card">

            <div class="card-body">

                {{-- client bio data --}}
                <div class="row">
                    <div class="col-12 col-md">

                        <ul class="list-group">
                            <li class="list-group-item"> Client Image : <br> <a href="javascript::void(0)">
                                    <img onerror="if (this.src != '{{ asset('assets/backend_assets/assets/images/nodata/missing.png') }}')
                                this.src = '{{ asset('assets/backend_assets/assets/images/nodata/missing.png') }}';"
                                        src="{{ asset($client->client_photo) }}" alt="preview"
                                        style=" width:100% !important; object-fit:cover; border:2px solid black; border-radius:30px;">
                                </a></li>

                            <li class="list-group-item">Client code :
                                {{ $client->client_code ?? '' }} </li>
                            <li class="list-group-item">Registered :
                                {{ short_date($client->created_at) ?? '' }} </li>
                            <li class="list-group-item">First Name :
                                {{ $client->first_name ?? '' }} </li>
                            <li class="list-group-item">Last Name : {{ $client->last_name ?? '' }}
                            </li>
                            <li class="list-group-item">Other Names :
                                {{ $client->other_names ?? '' }} </li>
                        </ul>
                    </div>
                    <div class="col-12 col-md">
                        <ul class="list-group">

                            <li class="list-group-item">Age : {{ $client->age ?? '' }} </li>
                            <li class="list-group-item">Email : {{ $client->email ?? '' }} </li>
                            <li class="list-group-item">Profession :
                                {{ $client->profession ?? '' }} </li>
                            <li class="list-group-item">Phone : {{ $client->phone ?? '' }} </li>
                            <li class="list-group-item">Organization :
                                {{ $client->organization ?? '' }} </li>
                            <li class="list-group-item">Country :
                                {{ get_country_name($client->country_id) ?? '' }} </li>
                            <li class="list-group-item">Address : {{ $client->address ?? '' }}
                            </li>
                            <li class="list-group-item">Status :
                                {{ get_status_message($client->client_status) ?? '' }}
                            </li>
                            <li class="list-group-item">Website : {{ $client->website ?? '' }}
                            </li>
                            <li class="list-group-item">Created By :
                            {{ get_user_fullname_temporary($client->created_by) ?? '' }}
                            </li>

                            <li class="list-group-item">Updated By :
                                {{ get_user_fullname_temporary($client->updated_by) ?? '' }}                            
                                </li>
                            </li>
                            <li class="list-group-item">Description :
                                {{ $client->description ?? '' }} </li>
                        </ul>
                    </div>
                </div>

                {{-- client related records  --}} <br>
                {{-- <div class="accordion" id="accordionExample">
                    @php
                        $client_bookings = $client->studio_bookings()->get();
                        $count_client_bookings = !empty($client_bookings) ? count($client_bookings) : 0;
                    @endphp

                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingBookings">
                            <button class="accordion-button collapsed" style="background-color:#071d3e; color:#ffffff;"
                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseBookings"
                                aria-expanded="false" aria-controls="collapseBookings">
                                Client Bookings ({{ $count_client_bookings }})
                            </button>
                        </h2>
                        <div id="collapseBookings" class="accordion-collapse collapse" aria-labelledby="headingBookings"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">

                                <div class="accordion-body">


                                    <div class="table-responsive">
                                        <table id="dataTableExample" class="table">

                                            <thead>
                                                <tr>
                                                    <th>#Id</th>
                                                    <th>Product/Package </th>
                                                    <th>Client</th>
                                                    <th>Booked On</th>
                                                    <th>Total to Pay</th>
                                                    <th>Paid</th>
                                                    <th>Balance</th>
                                                    <th>Status</th>
                                                    <th style="width:300px;">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if (!empty($client_bookings))
                                                    @foreach ($client_bookings as $booking)
                                                        <tr>
                                                            <td>{{ $booking->id ?? '' }}</td>
                                                            <td>{{ $booking->product->product_name ?? '' }}</td>
                                                            <td>{{ $booking->client->first_name ?? '' }}
                                                                {{ $booking->client->last_name ?? '' }}
                                                                {{ $booking->client->other_names ?? '' }}</td>
                                                            <td>{{ short_date($booking->booking_date) ?? '' }}</td>
                                                            <td>{{ $booking->total_amount_to_pay ?? '' }}</td>
                                                            <td>{{ $booking->amount_paid ?? '' }}</td>
                                                            <td>{{ $booking->balance ?? '' }}</td>
                                                            <td>{!! get_booking_status($booking->booking_status) !!} </td>
                                                            <td>
                                                                <div
                                                                    class="d-flex align-items-center flex-wrap text-nowrap">

                                                                    <button type="button"
                                                                        class="btn btn-success btn-icon me-2 mb-2 mb-md-0"
                                                                        data-bs-toggle="modal"
                                                                        data-bs-target="#exampleModal{{ $booking->id }}">
                                                                        <i class="btn-icon-prepend" data-feather="eye"></i>
                                                                    </button>

                                                                    <a
                                                                        href="{{ route('studio_business_bookings.edit', $booking->id) }}">
                                                                        <button type="button"
                                                                            class="btn btn-primary btn-icon me-2 mb-2 mb-md-0">
                                                                            <i class="btn-icon-prepend"
                                                                                data-feather="edit"></i>

                                                                        </button> </a>

                                                                    <form
                                                                        action="{{ route('studio_business_bookings.destroy', $booking->id) }}"
                                                                        method="post">
                                                                        @csrf
                                                                        @method('DELETE')
                                                                        <a>
                                                                            <button type="submit"
                                                                                class="btn btn-danger btn-icon me-2 mb-2 mb-md-0">
                                                                                <i class="btn-icon-prepend"
                                                                                    data-feather="trash-2"></i>

                                                                            </button> </a>
                                                                    </form>
                                                                </div>

                                                                <br>
                                                            </td>

                                                        </tr>

                                                        <div class="modal fade " id="exampleModal{{ $booking->id }}"
                                                            tabindex="-1" aria-labelledby="exampleModalLabel"
                                                            aria-hidden="true">
                                                            <div class="modal-dialog modal-dialog-scrollable">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="exampleModalLabel">
                                                                            Booking
                                                                            Details</h5>
                                                                        <button type="button" class="btn-close"
                                                                            data-bs-dismiss="modal"
                                                                            aria-label="btn-close"></button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <ul class="list-group">
                                                                            <li class="list-group-item">Booking code :
                                                                                {{ $booking->booking_code ?? '' }} </li>
                                                                            <li class="list-group-item">Product/Package :
                                                                                {{ $booking->product->product_name ?? '' }}
                                                                            </li>
                                                                            <li class="list-group-item">Client :
                                                                                {{ $booking->client->first_name ?? '' }}
                                                                                {{ $booking->client->last_name ?? '' }}
                                                                                {{ $booking->client->other_names ?? '' }}
                                                                            </li>
                                                                            <li class="list-group-item">Booking date :
                                                                                {{ short_date($booking->booking_date) ?? '' }}
                                                                            </li>
                                                                            <li class="list-group-item">Booking Time :
                                                                                {{ $booking->booking_time ?? '' }} </li>
                                                                            <li class="list-group-item">Job Location :
                                                                                {{ $booking->job_location ?? '' }} </li>
                                                                            <li class="list-group-item">Booking Status :
                                                                                {!! get_booking_status($booking->booking_status) !!}
                                                                            </li>
                                                                            <li class="list-group-item">Payment Status :
                                                                                {{ get_payment_status($booking->payment_status ?? '') }}
                                                                            </li>
                                                                            <li class="list-group-item">Payment Method :
                                                                                {{ get_payment_method($booking->payment_method ?? '') }}
                                                                            </li>
                                                                            <li class="list-group-item">Payment Date :
                                                                                {{ short_date($booking->payment_date) ?? '' }}
                                                                            </li>

                                                                            <li class="list-group-item">Total Amount To Pay
                                                                                :
                                                                                {{ $booking->total_amount_to_pay ?? '' }}
                                                                            </li>
                                                                            <li class="list-group-item">Status :
                                                                                {{ $booking->booking_status ?? '' }}
                                                                            </li>
                                                                            <li class="list-group-item">Amount Paid :
                                                                                {{ $booking->amount_paid ?? '' }}
                                                                            </li>
                                                                            <li class="list-group-item">Amount Balance :
                                                                                {{ $booking->balance ?? '' }}
                                                                            </li>
                                                                            <li class="list-group-item">Created By :
                                                                                {{ get_user_fullname($booking->created_by) ?? '' }}
                                                                            </li>
                                                                            <li class="list-group-item">Description :
                                                                                {{ $booking->booking_details ?? '' }} </li>

                                                                        </ul>

                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary"
                                                                            data-bs-dismiss="modal">Close</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headerClientSales">
                            <button class="accordion-button collapsed" style="background-color:#071d3e; color:#ffffff;"
                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseClientSales"
                                aria-expanded="false" aria-controls="collapseClientSales">
                                Client Purchases
                            </button>
                        </h2>
                        <div id="collapseClientSales" class="accordion-collapse collapse"
                            aria-labelledby="headerClientSales" data-bs-parent="#accordionExample">
                            <div class="accordion-body">

                                <div class="accordion-body">
                                    <p>accordion 2</p>
                                </div>

                            </div>
                        </div>
                    </div>


                </div> --}}
                {{-- end of client related records --}}

            </div>
        </div>
    </div>
@endsection