@extends('layouts.app')
@push('datatable-styles')
    @include('sections.datatable_css')
@endpush

@push('datatable-styles')
    @include('sections.datatable_css')
@endpush
@section('content')
    <div class="content-wrapper overflow-hidden">
        <form action="{{route('userShowRoomVisitReports.index')}}" method="get">
        <div class="d-flex">
            <div class="col-lg-3 col-md-6">
                <x-forms.select fieldId="user_type" fieldName="user_type" :fieldLabel="__('app.user_type')"
                                search="true">
                    <option value="" disabled>{{__("app.nothing_selected")}}</option>
                    <option value="all" @if($user_type == 'all') selected @endif>{{__("all")}}</option>
                    <option value="client" @if($user_type == 'client') selected @endif>{{__('app.client')}}</option>
                    <option value="lead" @if($user_type == 'lead') selected @endif>{{__('app.lead')}}</option>
                </x-forms.select>
            </div>
            <div class="col-lg-3 col-md-6 mt-3">
                <label for="user">{{__("app.user")}}</label>

                <select class="form-group" id="user" name="user_id" style="height: 36px;width: 100%;" disabled>
                    <option value="" disabled selected>{{__('app.select_a_user')}}</option>
                </select>
            </div>
            <div class="col-lg-3 col-md-6">
                <x-forms.select fieldId="show_room" fieldName="show_room" :fieldLabel="__('Show Room')"
                                search="true">
                    <option value="all">All</option>
                    @foreach($showRooms as $index => $room)
                        <option value="{{$room->id}}" @if($showRoom == $room->id) selected @endif>{{$room->name_en}}</option>
                    @endforeach
                </x-forms.select>
            </div>

            <div class="col-lg-3 col-md-6">
                <x-forms.select fieldId="number_of_visits" fieldName="number_of_visits" :fieldLabel="__('Number Of Visits')"
                                search="true">
                    <option value="all" @if(in_array($number_of_visits,["all",null])) selected @endif>All</option>
                    <option value="2" @if($number_of_visits == 2) selected @endif>Only Once</option>
                    <option value="1" @if($number_of_visits == 1) selected @endif>More Than Once</option>
                </x-forms.select>
            </div>
        </div>
            <div class="d-flex">
            <div class="col-lg-3 col-md-6 mt-3">
                <label for="date">{{__('app.startDate')}}</label>
                <div class="form-group d-flex">
                    <input type="date" class="form-control p-2 mr-3" id="date" name="start_date" value="{{ $startDate ?? date('Y-m-d') }}" required >
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mt-3">
                <label for="date">{{__('app.endDate')}}</label>
                <div class="form-group d-flex">
                    <input type="date" class="form-control p-2 mr-3" id="date" name="end_date" value="{{ $endDate ?? date('Y-m-d') }}" required>
                </div>
            </div>
                <div class="col-lg-12 col-md-6 mt-4">
                    <label for="date"></label>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">{{__('Filter')}}</button>
                    </div>
                </div>
            </div>
            <a href="{{ route('userShowRoomVisitRecordsPdf', [
                    'userId' => $userId,
                    'showRoom' => $showRoom,
                    'start_date' => $startDate,
                    'end_date' => $endDate,
                    'number_of_visits' => $number_of_visits,
                    'user_type' => $user_type,
                  ])}}" class="btn btn-primary">{{__('Export As Pdf')}}</a>
            <a href="{{ route('userShowRoomVisitRecordsExcel', [
                    'userId' => $userId,
                    'showRoom' => $showRoom,
                    'start_date' => $startDate,
                    'end_date' => $endDate,
                    'number_of_visits' => $number_of_visits,
                    'user_type' => $user_type,
                  ])}}" class="btn btn-primary">{{__('Export As Excel')}}</a>
        </form>
    <div class="d-flex flex-column w-tables rounded mt-3 bg-white table-responsive">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>{{ __('app.id')}}</th>
                <th>{{__('User Name')}}</th>
                <th>{{__('User Type')}}</th>
                <th>{{__('Show Room Name')}}</th>
                <th>{{__('Number Of Visits')}}</th>
            </tr>
            </thead>

            <tbody>
                        @foreach($userShowRoomVisits as $index => $userShowRoom)