@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("Special Requests")}}</h1>
            <p>{{__("All Special Requests")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Special Requests")}}</a></li>
        </ul>
    </div>
@endsection
{{--@section("css-links")--}}
{{--    <link rel="stylesheet" href="{{asset("assets/css/" . app()->getLocale() . "/pages/orders.css")}}">--}}
{{--@endsection--}}

@section("content")
    @include("includes.dialog")


    <div class="row">
        @if(hasPermissions("view-filter-special-requests"))
            <div class="col-12">
                <a class="btn btn-primary" href="{{route("admin.special_request.export.excel", ["From"=>request()->From,"To"=> request()->To ,"id"=> request()->id,"name"=> request()->name ])}}"> {{__("Export")}} </a>
                @include("admin.special_request.parts.filter")
            </div>
        @endif
        <div class="row col-lg-12">
            <div class="col-lg-6 p-3">
                {{--                <a href="{{route("admin.DeliveryCompany.startAll")}}" class="btn btn-primary">{{__("Activation")}}</a>--}}
            </div>
            {{--            <div class="col-lg-6 p-3 text-right">--}}
            {{--                                <form action="{{route("admin.DeliveryCompany.export")}}" method="post"  id="form-excel">--}}
            {{--                @csrf--}}
            {{--                <input type="hidden" name="status" value="0">--}}
            {{--                <span  class="download-excel btn btn-primary"><i class="far fa-fw fa-lg  fa-file-excel text-left"></i> {{__("Export As Excel")}}</span>--}}
            {{--                </form>--}}
            {{--            </div>--}}
        </div>

        <div class="col-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered text-center" id="sampleTable">
                            {{--                            @if(isset($search)) id="sampleTable" @endif--}}
                            <thead>
                            <tr>

                                <th>#{{__("ID")}}</th>
                                <th>{{__("Vector")}}</th>
                                <th>{{__("User Information")}}</th>
                                <th>{{__("Phone number")}}</th>
                                <th>{{__("Title Request")}}</th>
                                <th>{{__("Received Request Order")}}</th>
{{--                                <th>{{__("Number Of Reply")}}</th>--}}
                                <th>{{__("Vehicle Type")}}</th>
                                <th>{{__("Car Type")}}</th>
                                <th>{{__("Car Model Name")}}</th>
                                <th>{{__("Manufacturing Year")}}</th>
                                <th>{{__("Widget Status")}}</th>
                                <th>{{__("Regional Specification")}}</th>
                                <th>{{__("Chassis Number")}}</th>
                                <th>{{__("Vehicle Image")}}</th>
                                <th>{{__("Part Image")}}</th>
                                <th>{{__("Voice")}}</th>
                                <th>{{__("Description")}}</th>
                                <th>{{__("Created At")}}</th>

                            </tr>
                            </thead>
                            <tbody>
                            @foreach($specialRequests as $specialRequest)
                                <tr>
                                    <td>{{$specialRequest->id}}</td>
                                    <td>{{$specialRequest->vector->name}}</td>
                                    <td>
                                    @if($specialRequest->users->type=="gar")
                                            <button type="button" class="btn btn-primary view-attachemnts" data-toggle="modal" data-target="#garage_info{{$specialRequest->id}}">
                                                show
                                            </button>
                                            <div class="modal fade" id="garage_info{{$specialRequest->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-sm">
                                                    <div class="modal-content" >
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">Garage info</h5>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body" >
                                                            <div class="row">
                                                                @php
                                                                $ProvidedSection= \App\Models\ProvidedSection::where("user_id",$specialRequest->users->id)->first();
                                                                @endphp
                                                                @if($ProvidedSection)
                                                                <div class="col-12">Added By : {{$ProvidedSection->admin != null ? $ProvidedSection->admin->full_name :null}}</div>
                                                                <div class="col-12">User Name: {{$specialRequest->users->full_name}}</div>
                                                                <div class="col-12">Garage Name :{{$ProvidedSection->name}}</div>
                                                                <div class="col-12">Garage Number :{{$ProvidedSection->phone_number}}</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @else
                                            {{$specialRequest->users->full_name}}
                                        @endif
                                    </td>
                                    <td>{{$specialRequest->users->phone_number}}</td>
                                    <td>{{$specialRequest->title_request}}</td>

                                    <td>
                                        <a class="btn @if($specialRequest->status == 3) show-all-success @endif"  href="{{route("admin.special_request.response",["id"=>$specialRequest->id])}}">{{__("Show All")}}</a>
                                    </td>
                                    <td>{{$specialRequest->vehicleTypeSpecialist->name}}</td>
                                    <td>{{$specialRequest->carTypeSpecialist->name}}</td>

                                    @if($specialRequest->carModelNameSpecialist)
                                        <td>  {{$specialRequest->carModelNameSpecialist->name}}</td>
                                    @else
                                        <td> {{'not determined'}} </td>
                                    @endif
                                    <td>{{$specialRequest->manufacturing_year}}</td>
                                    <td>
                                        {{$specialRequest->widgetStatus->{"name_".\Illuminate\Support\Facades\App::getLocale()} }}
                                    </td>
                                    <td>{{$specialRequest->regionalSpecification->name ?? 'not determined'}}</td>
                                    <td>
                                        @if($specialRequest->chassis_number != null)
                                            {{$specialRequest->chassis_number}}
                                        @else
                                            @if($specialRequest->getFirstMediaFile('chassis_number_image')) <img src="{{ $specialRequest->getFirstMediaFile('chassis_number_image')->url}}" alt="Chassis Number Image" width="150px" height="150px">@endif
                                        @endif
                                    </td>
                                    <td>
                                        @if($specialRequest->getFirstMediaFile('car_image')) <img src="{{ $specialRequest->getFirstMediaFile('car_image')->url}}" alt="Car Image" width="150px" height="150px">@endif
                                    </td>
                                    <td>
                                        {{--                                        @if($specialRequest->getFirstMediaFile('car_image')) <img src="{{ $specialRequest->getFirstMediaFile('car_image')->url}}" alt="" width="150px" height="150px">@endif--}}
                                        <button type="button" class="btn btn-primary view-attachemnts" data-toggle="modal" data-target="#image{{$specialRequest->id}}">
                                            View
                                        </button>
                                        <!-- Modal -->
                                        <div class="modal fade" id="image{{$specialRequest->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog modal-xl">
                                                <div class="modal-content" style="height: 800px;overflow-y: auto;">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">All Images</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body mt-2 mb-2" >
                                                        <div class="row">
                                                                @if($specialRequest->getFirstMediaFile("specialRequest_photo"))
                                                                    @foreach($specialRequest->getMediaFiles("specialRequest_photo") as $file)
                                                                        <div class="col-4 mb-5" >
                                                                            <img src="{{$file->url}}" alt="" width="100%">
{{--                                                                            <img src="{{$file->url}}" alt="" width="350" height="350">--}}
                                                                        </div>
                                                                    @endforeach
                                                                @endif
                                                        </div>
                                                    </div>
                                                    {{--                       **************************** => STOPPED TEMPORARY <= ****************************--}}

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



                                    </td>
                                    <td>
                                        {{--                                        @if($specialRequest->getFirstMediaFile('car_image')) <img src="{{ $specialRequest->getFirstMediaFile('car_image')->url}}" alt="" width="150px" height="150px">@endif--}}
                                        <button type="button" class="btn btn-primary view-attachemnts" data-toggle="modal" data-target="#voice{{$specialRequest->id}}">
                                            listen to voice
                                        </button>
                                        <!-- Modal -->
                                        <div class="modal fade" id="voice{{$specialRequest->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog modal-sm">
                                                <div class="modal-content" >
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">voice</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body" >
                                                        <div class="row">
                                                            @if($specialRequest->getFirstMediaFile("voice"))
                                                                <audio controls>
                                                                    <source src="horse.ogg" type="audio/ogg">
                                                                    <source src="{{$specialRequest->getFirstMediaFile("voice")->url}}" type="audio/mpeg">
                                                                    Your browser does not support the audio tag.
                                                                </audio>
                                                            @else
                                                                <span  class="ml-4" style="color:red;">no voice found</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    {{--                       **************************** => STOPPED TEMPORARY <= ****************************--}}

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

                                    <td>{{$specialRequest->widget_description}}</td>
                                    <td>{{$specialRequest->created_at}}</td>
{{--                                    <td>{{$specialRequest->created_at->diffForHumans()}}</td>--}}



                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <div>

                            @if(!isset($search)) {{$specialRequests->appends($_GET)->links("pagination::bootstrap-4")}} @endif

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

@endsection

@section("scripts")
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{asset("assets/js/plugins/jquery.dataTables.min.js")}}"></script>
    <script type="text/javascript" src="{{asset("assets/js/plugins/dataTables.bootstrap.min.js")}}"></script>
    <script type="text/javascript">
        $('#sampleTable').DataTable({order: [0, 'desc'],"paging": false,"info":false});
    </script>
@endsection