@extends ('../welcome')
@section('content')
    <link rel="stylesheet" href="{{ asset('swiper/swiper.css') }}">
    <style>
        .clickable-row:hover {
            background-color: #fff;
            color: black;
            cursor: pointer;
        }

        a:hover {
            cursor: pointer;

        }

        #upload-photo {
            display: none;
        }

        #upload-file {
            display: none;
        }

        #carouselExampleControls .btn {
            position: absolute;
            top: 0%;
            right: 0%;
            background-color: transparent;

            opacity: 0.5;
            color: white;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            color: grey;
        }

        .w-100 {
            height: 400px !important
        }

        #carouselExampleControls .btn:hover {
            background-color: transparent;
            opacity: 3.0;
            color: white;
        }

        /* swiper ////////////////////////////////////*/
        .swiper {
            width: 240px;
            height: 320px;
        }

        .swiper .swiper-slide {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 18px;
            font-size: 22px;
            font-weight: bold;
            color: #fff;
        }


        .swiper2 {
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .swiper2 .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 300px;
            height: 300px;
        }

        .swiper2 .swiper-slide img {
            display: block;
            width: 100%;
        }
    </style>

    {{-- Main Card --}}
    <div class="card card-info card-outline">
        <div class="card-header">
            <div class="row">
                <form action="{{ route('ClientfileUpload') }}" method="POST" enctype="multipart/form-data" class="">
                    @csrf
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('clients-uploadImages'))
                        <label for="upload-photo" class="btn btn-outline-success" title="upload image">
                            <i class="fas fa-file-image"></i> &nbsp;
                            <i class="fas fa-upload"></i>
                        </label>
                        <input type="file" name="images[]" id="upload-photo" multiple>
                    @endif

                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('clients-uploadFiles'))
                        <label for="upload-file" class="btn btn-outline-danger" title="attach files">
                            <i class="fas fa-file-pdf"></i> &nbsp;
                            <i class="fas fa-upload"></i>
                        </label>
                        <input type="file" name="files[]" id="upload-file" multiple>
                    @endif

                    <input type="hidden" value="{{ $client->id }}" name="client_id">

                    <button type="submit" title="upload" style="margin-bottom:10px;" class="btn btn-outline-info"><i
                            class="fas fa-check"></i></button>
                </form>


                <div class="col-7"></div>
                @if (empty($client->lead))
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('clients-toLead'))
                        <a href="{{ route('toLead', $client->id) }}" style="float:right">
                            <button class="btn btn-square btn-outline-success" title=" Convert to lead" type="button"
                                style="float:right;">
                                <i class="fas fa-recycle"></i>
                            </button>
                        </a>
                    @endif
                @endif

                @if (auth()->user()->type == 'admin' ||
                        auth()->user()->role->hasPermission('clients-edit'))
                    <a href="{{ route('clients.edit', $client->id) }}" style="float:right">
                        <button class="btn btn-square btn-outline-info" title=" Edit Client" type="button"
                            style="float:right;">
                            <i class="fas fa-pen"></i>
                        </button>
                    </a>
                @endif

                @if ($freeUnits == 0)
                    <a href="" style="float:right">
                        <button class="btn btn-square btn-outline-light" title="There is no available units right now"
                            type="button" style="float:right;" disabled>
                            <i class="fas fa-door-closed"></i>
                        </button>
                    </a>
                @else
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('clients-makeReservation'))
                        <a href="{{ route('Reservation.form', $client->id) }}" style="float:right">
                            <button class="btn btn-square btn-outline-dark" title=" Make Reservation" type="button"
                                style="float:right;">
                                <i class="fas fa-door-open"></i>
                            </button>
                        </a>
                    @endif
                @endif

            </div>
        </div>
        <div class="card-body">
            <div class="row">
                {{-- Client Data --}}
                <div class="card col-5">
                    <div class="card-body">
                        <table>
                            <tr>
                                <th>Name :</th>
                                <td>{{ $client->name ?? '-' }}</td>
                            </tr>
                            @if ($client->lead)
                                <tr>
                                    <th>Lead :</th>
                                    <td>
                                        <a href="{{ route('leads.show', $client->lead->id) }}">
                                            Lead History
                                        </a>
                                    </td>
                                </tr>
                            @endif
                            <tr>
                                <th>Email :</th>
                                <td>{{ $client->email ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Job Title :</th>
                                <td>{{ $client->job_title ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Came From :</th>
                                <td>{{ $client->came_from ?? '-' }}</td>
                            </tr>
                            @if ($client->source_id != null && $client->campaign_id != null)
                                <tr>
                                    <th>Campaign :</th>
                                    <td>
                                        <a href="{{ route('campaigns.show', $client->campaign_id) }}">
                                            {{ $client->campaign->name }}
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Source :</th>
                                    <td>
                                        <a href="{{ route('sources.show', $client->source_id) }}">
                                            {{ $client->source->name }}
                                        </a>
                                    </td>
                                </tr>
                            @endif
                            <tr>
                                <th>Status :</th>
                                <td>{{ $client->status ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Civil ID Date :</th>
                                <td>{{ $client->civil_date ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Civil ID City :</th>
                                <td>{{ $client->civil_city ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Civil ID Number :</th>
                                <td>{{ $client->civil_number ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Civil ID Address :</th>
                                <td>{{ $client->civil_address ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Nationality :</th>
                                <td>{{ $client->nationality ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Assigned To :</th>
                                <td>{{ $client->user ? $client->user->name : '-' }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="col-7">
                    {{-- Phone Number --}}
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('clients-phoneNumbers'))
                        @if (auth()->user()->type == 'admin' ||
                                auth()->user()->role->hasPermission('clients-create-PhoneNumber'))
                            <button type="button" class="btn btn-" style="float:right;color:#17a2b8" title="add new number"
                                data-toggle="modal" data-target="#storePhones">
                                <i class="fas fa-phone"></i>
                                <i class="fas fa-plus"></i>
                            </button>
                            <br>
                        @endif

                        <div class="card card-info card-outline" style="margin-top:17px">
                            <div class="card-body table-responsive p-0">
                                <table class="table table-hover text-nowrap">
                                    <tbody>
                                        @forelse($client->phone_numbers as $phone)
                                            <tr>
                                                <td>
                                                    <a href="https://wa.me/{{ $phone->country->phonecode }}{{ $phone->phone }}" target="_blank">
                                                        {{ $phone->country->phonecode }} {{ $phone->phone }}
                                                    </a>
                                                </td>
                                                <td>
                                                    @if (auth()->user()->type == 'admin' ||
                                                            auth()->user()->role->hasPermission('clients-edit-phoneNumber'))
                                                        <a class="btn btn-light"
                                                            href="{{ route('phones.edit', $phone->id) }}">
                                                            <i class="fas fa-pen" style="color:#17a2b8"></i>
                                                        </a>
                                                    @endif
                                                    @if (count($client->phone_numbers) > 1)
                                                        @if (auth()->user()->type == 'admin' ||
                                                                auth()->user()->role->hasPermission('clients-delete-phoneNumber'))
                                                            <button onClick="clickDeletePhone(this)" title="Delete"
                                                                type="button" style="height:38px;" class="btn btn-light"
                                                                data-id="{{ $phone->id }}" data-toggle="modal"
                                                                data-target="#phoneDelete">
                                                                <i class="fa fa-trash" style="color:#dc3545"></i>
                                                            </button>
                                                        @endif
                                                    @endif

                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td></td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif

                    {{-- Access Users --}}
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('clients-AccessUsers'))
                        <div class="card card-info card-outline">
                            <div class="card-header">
                                Access Users
                            </div>
                            <div class="card-body">
                                <form action="{{ route('AccessUsers') }}" method="post" id="AssignForm">
                                    @csrf

                                    <div class="row">
                                        <div class="form-group col-9">
                                            <input type="hidden" name="client_id" value="{{ $client->id }}">
                                            <select name="user_id[]" class="select2 custom-select form-control-border"
                                                id="user_id" multiple>
                                                <option value=""></option>
                                                @foreach ($users as $user)
                                                    @if (in_array($user->id, $clientUsers))
                                                        <option value="{{ $user->id }}" selected>{{ $user->name }}
                                                        </option>
                                                    @else
                                                        <option value="{{ $user->id }}">{{ $user->name }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-2">
                                            <button type="submit" title="User with deadline"
                                                class="btn btn-outline-info">
                                                <i class="fas fa-check" aria-hidden="true"></i>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    @endif

                    {{-- Units --}}
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('clients-units'))
                        <div class="card card-info card-outline collapsed-card">
                            <div class="card-header" data-card-widget="collapse">
                                <div class="card-text">Units</div>
                            </div>
                            <div class="card-body">
                                <ul>
                                    @foreach ($client->units as $unit)
                                        <li>
                                            <a href="{{ route('units.show', $unit->id) }}">
                                                {{ $unit->building->phase->project->name }} -
                                                {{ $unit->name }}
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @endif

                    {{-- Client->files --}}
                    @if (count($client->files) != 0)
                        @if (auth()->user()->type == 'admin' ||
                                auth()->user()->role->hasPermission('clients-files'))
                            <div class="card card-outline card-info collapsed-card">
                                <div class="card-header" class="btn btn-tool" data-card-widget="collapse">
                                    Files
                                </div>
                                <div class="card-body">
                                    <table class="table table-bordered">
                                        @foreach ($client->files as $file)
                                            <tr>
                                                <td>
                                                    <a
                                                        href="{{ URL::to('/') }}/files/{{ $file->file }}">{{ $file->file }}-{{ $file->created_at }}</a>
                                                </td>
                                                <td>
                                                    <form method="POST"
                                                        action="{{ route('files.destroy', $file->id) }}">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-outline-danger">
                                                            <i class="fas fa-trash"></i>
                                                        </button>
                                                    </form>
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </table>
                                </div>
                            </div>
                        @endif
                    @endif

                    <!-- Swiper -->
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('clients-gallery'))
                        <div class="card card-outline card-info collapsed-card">
                            <div class="card-header" class="btn btn-tool" data-card-widget="collapse">
                                Images
                            </div>
                            <div class="card-body">
                                <div class="col-12 pb-3">
                                    <div class="swiper mySwiper" id="mySwiper" data-toggle="modal"
                                        data-target="#imageGallery">
                                        <div class="swiper-wrapper">
                                            @foreach ($client->images as $key => $value)
                                                <div class="swiper-slide">
                                                    <img class="swiper-slide"
                                                        src="{{ URL::to('/') }}/images/{{ $value->name }}"
                                                        alt="{{ $value->name }}" />
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                </div>
            </div>
        </div>
    </div>
    {{-- Comments and Tickets Row --}}
    <div class=" row">
        <div class="col-5">
            <div class="card">
                {{-- Client Comments --}}
                @if (auth()->user()->type == 'admin' ||
                        auth()->user()->role->hasPermission('clients-read-comment'))
                    <div class="card card-outline card-info  collapsed-card col-12">
                        <div class="card-header" data-card-widget="collapse">
                            <h3 class="card-title">
                                (Comments)
                            </h3>
                            @if (auth()->user()->type == 'admin' ||
                                    auth()->user()->role->hasPermission('clients-create-comment'))
                                <button type="button" class="btn btn-outline-info" style="float:right;"
                                    title="add comment" data-toggle="modal" data-target="#addComment">
                                    <i class="fas fa-plus"></i>
                                </button>
                            @endif
                        </div>
                        <div class="card-body">
                            @foreach ($streams as $stream)
                                <table>
                                    <tbody>
                                        <tr>
                                            <th>Comment: </th>
                                            <td>{{ $stream->comment ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Creator: </th>
                                            <td>{{ $stream->creator?->name ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>created_at :</th>
                                            <td>{{ $stream->created_at ?? '' }}</td>
                                        </tr>
                                    </tbody>
                                    @if (auth()->user()->type == 'admin' ||
                                            auth()->user()->role->hasPermission('clients-delete-comments'))
                                        <tfoot>
                                            <tr>
                                                <div style="float: right;">
                                                    <form method="POST"
                                                        action="{{ route('streams.destroy', $stream->id) }}">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-outline-danger">
                                                            <i class="fas fa-trash"></i>
                                                        </button>
                                                    </form>
                                                </div>
                                            </tr>
                                        </tfoot>
                                    @endif
                                </table>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>
        <div class="col-7">

            <div class="card">
                {{-- Client Tickets --}}
                @if (auth()->user()->type == 'admin' ||
                        auth()->user()->role->hasPermission('clients-tickets'))
                    @foreach ($client->units as $unit)
                        @if (count($unit->tickets) != 0)
                            <div class="card card-outline card-info collapsed-card">
                                <div class="card-header" class="btn btn-tool" data-card-widget="collapse">
                                    Tickets
                                </div>
                                <div class="card-body">
                                    @foreach ($unit->tickets as $ticket)
                                        <div class="card collapsed-card">
                                            <div class="card-header" class="btn btn-tool" data-card-widget="collapse">
                                                <h3 class="card-title">
                                                    {{ $unit->building->phase->project->name }} -
                                                    {{ $unit->name }}
                                                </h3>
                                            </div>
                                            <div class="card-body">
                                                @if (Auth::user()->type == 'admin' ||
                                                        auth()->user()->role->hasPermission('units-show'))
                                                    <a href="{{ route('units.show', $unit->id) }}" title="View Unit"
                                                        class="btn btn-" style="float:right">
                                                        <i class="fas fa-home"></i>
                                                    </a>
                                                @endif
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>Ticket Type</th>
                                                            <th>Status</th>
                                                            <th>Description</th>
                                                            <th>Last Action Date</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($unit->tickets as $ticket)