@extends('layouts.app')
@section('title')
    {{ __('messages_301.RFQ') }}
@endsection
@section('style')
    <link href="{{ asset('assets/vendor/libs/swiper/swiper.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/css/pages/ui-carousel.css') }}" rel="stylesheet">
    <style>
        .box-img img,
        .video_box-img img,
        .video_box-img video {
            height: 100%;
            width: 100%;
            object-fit: contain;
            /* border: #e6b6b638 1px solid; */
            {{--  border-radius: 20px  --}}
        }

        .box-img,
        .video_box-img {

            height: 165px;
        }
    </style>
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('inc.breadcrumb', [
            'breadcrumb_items' => [
                __('messages.Home') => route('home'),
                __('messages_301.RFQ') => route('admin.rfq.index'),
                '#' . $data->order_num => 'active',
            ],
        ])

        <div class="row">
            <div class="col-md-12">
                <div class="card mb-3">
                    {{-- <div class="card-header pt-1">
                        <ul class="nav nav-tabs card-header-tabs" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link active" role="tab" data-bs-toggle="tab"
                                    data-bs-target="#navs-tab-main-data" aria-controls="navs-tab-main-data"
                                    aria-selected="false" tabindex="-1">
                                    {{ __('messages.Theatrical show and work team data') }}
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                    data-bs-target="#navs-tab-media" aria-controls="navs-tab-media" aria-selected="true">
                                    {{ __('messages.Media') }} ( {{ __('messages.Photos and videos') }} )
                                </button>
                            </li>

                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                    data-bs-target="#navs-tab-dates" aria-controls="navs-tab-dates" aria-selected="true">
                                    {{ __('messages.Dates and Prices') }}
                                </button>
                            </li>

                        </ul>
                    </div> --}}
                    <div class="card-body pt-3">
                        {{-- <div class="tab-content p-0"> --}}
                        {{-- start main data --}}
                        <div class="container-xxl flex-grow-1 container-p-y">

                            <div class="row">
                                <div class="col-6">
                                    <div class="card mb-4">
                                        <ul class="list-group list-group-flush">
                                            <li class="list-group-item text-center h5">
                                                {{ __('messages_301.RFQ data') }}</li>
                                            <li class="list-group-item">{{ __('messages.Order Num') }} :
                                                {{ $data->order_num }}
                                            </li>
                                            <li class="list-group-item">{{ __('messages_301.Category name') }} :
                                                {{ $data->department->name }}</li>
                                            <li class="list-group-item">{{ __('messages_301.Sub category name') }} :
                                                {{ $data->sub_department->name }}</li>
                                            <li class="list-group-item">{{ __('messages.Status') }} :
                                                {{ $data->is_active ? __('messages.Active') : __('messages.In Active') }}
                                            </li>
                                            <li class="list-group-item">{{ __('messages.Date created') }} :
                                                {{ $data->created_at_format }}</li>
                                        </ul>
                                    </div>
                                </div>

                    <h5 class="card-header">{{ __('messages_301.Items') }}</h5>

                                <div class="col-12" id="items-section">
                                    <div class="mb-4">
                                        <div class="row gy-4 mb-4">
                                            <div class="col-lg-12 mb-4">
                                                <div class="card h-100">
                                                    <div class="table-responsive">
                                                        <table class="table table-borderless border-top">
                                                            <thead class="border-bottom">
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>{{ __('messages_301.Item name') }}</th>
                                                                    <th>{{ __('messages_301.Unit name') }}</th>
                                                                    <th>{{ __('messages_301.Quantity') }}</th>
                                                                    <th>{{ __('messages.Address') }}</th>
                                                                    <th>{{ __('messages.Actions') }}</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>

                                                                @foreach ($data->items as $item)
                                                                    <tr>
                                                                        <td>
                                                                            <p class="mb-0 fw-medium">
                                                                                {{ $loop->iteration }}
                                                                            </p>

                                                                        </td>

                                                                        <td>
                                                                            <p class="mb-0 fw-medium">{{ $item->name }}
                                                                            </p>
                                                                        </td>
                                                                        <td>
                                                                            <p class="mb-0 fw-medium">
                                                                                {{ $item->unit ? $item->unit->name : '-' }}
                                                                            </p>
                                                                        </td>
                                                                        <td>
                                                                            <p class="mb-0 fw-medium">
                                                                                {{ $item->qty ? $item->qty : '-' }}</p>
                                                                        </td>
                                                                        <td>
                                                                            <p class="mb-0 fw-medium">
                                                                                {{ $item->country->name }} -
                                                                                {{ $item->city->name }}</p>

                                                                        </td>

                                                                        <td>
                                                                            <a class="btn btn-primary"
                                                                                href="{{ route('admin.rfq.show_item', $item->id) }}"><i
                                                                                    class="ti ti-eye "></i>{{ __('messages.Show') }}</a>

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


                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="mb-4">
                                        <h5 class="card-header">{{ __('messages_301.Offers') }}</h5>
                                        <div class="row gy-4 mb-4">
                                            <div class="col-lg-12 mb-4">
                                                <div class="card h-100">


                                                    <div class="row mb-3">
                                                        <!-- Accordion with Icon -->
                                                        @foreach ($offers as $offer)
                                                            <div class="col-md-12 mb-4 mb-md-2" style="padding: 10px 20px;">
                                                                <div class="accordion mt-3" id="accordionWithIcon">
                                                                    <div class="card accordion-item "
                                                                        style="border: 1px solid #fff;">
                                                                        <h2
                                                                            class="accordion-header d-flex align-items-center">
                                                                            <div class="row btn accordion-button collapsed"
                                                                                style="margin:0 !important"
                                                                                data-bs-toggle="collapse"
                                                                                data-bs-target="#accordionWithIcon-{{ $loop->iteration }}"
                                                                                aria-expanded="false">
                                                                                <div class="col-md-3">
                                                                                    <p><i
                                                                                            class="fa fa-user"></i>{{ $offer->user->full_name }}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <p><i
                                                                                            class="fa fa-file"></i>{{ $offer->items->count() }}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <p><i
                                                                                            class="fa fa-coins"></i>{{ $offer->total }}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-md-3">
                                                                                    <span>
                                                                                        <a href="{{ $offer->path_zip ? asset($offer->path_zip) : '#' }}"
                                                                                            class="btn btn-primary"
                                                                                            target="_blank"
                                                                                            {{ $offer->path_zip ? 'download' : 'disabled' }}><i
                                                                                                class="ti ti-download"></i></a>


                                                                                    </span>
                                                                                </div>

                                                                            </div>
                                                                        </h2>

                                                                        <div id="accordionWithIcon-{{ $loop->iteration }}"
                                                                            class="accordion-collapse collapse ">
                                                                            <div class="accordion-body">
                                                                                <div class="table-responsive">
                                                                                    <table
                                                                                        class="table table-borderless border-top">
                                                                                        <thead class="border-bottom">
                                                                                            <tr>
                                                                                                <th>#</th>
                                                                                                <th>{{ __('messages_301.Item name') }}
                                                                                                </th>
                                                                                                <th>{{ __('messages_301.Price') }}
                                                                                                </th>
                                                                                                <th>{{ __('messages_301.Quantity') }}
                                                                                                </th>

                                                                                                <th>{{ __('messages_301.Total') }}
                                                                                                </th>
                                                                                             
                                                                                                <th>{{ __('messages_301.Delivery date') }}
                                                                                                </th>
                                                                                                <th>{{ __('messages_301.Delivery type') }}
                                                                                                </th>
                                                                                                <th>{{ __('messages_301.Attachments') }}
                                                                                                </th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody>

                                                                                            @foreach ($offer->items as $item)
                                                                                                <tr>
                                                                                                    <td>
                                                                                                        <p
                                                                                                            class="mb-0 fw-medium">
                                                                                                            {{ $loop->iteration }}
                                                                                                        </p>

                                                                                                    </td>

                                                                                                    <td>
                                                                                                        <p
                                                                                                            class="mb-0 fw-medium">
                                                                                                            {{ $item->order_item->name }}
                                                                                                        </p>
                                                                                                    </td>

                                                                                                    <td>
                                                                                                        <p
                                                                                                            class="mb-0 fw-medium">
                                                                                                            {{ $item->price }}
                                                                                                        </p>
                                                                                                    </td>
                                                                                                    <td>
                                                                                                        <p
                                                                                                            class="mb-0 fw-medium">
                                                                                                            {{ $item->qty }}
                                                                                                        </p>
                                                                                                    </td>
                                                                                                    <td>
                                                                                                        <p
                                                                                                            class="mb-0 fw-medium">
                                                                                                            {{ $item->total }} ( {{ $item->currency->currency }})
                                                                                                        </p>
                                                                                                    </td>

                                                                                                  
                                                                                                    <td>
                                                                                                        <p
                                                                                                            class="mb-0 fw-medium">
                                                                                                            {{ $item->order_item->date }}
                                                                                                        </p>
                                                                                                    </td>
                                                                                                    <td>
                                                                                                        <p
                                                                                                            class="mb-0 fw-medium">
                                                                                                            {{ $item->order_item->delivery_type->name }}
                                                                                                        </p>
                                                                                                    </td>
                                                                                                    <td>
                                                                                                        <p
                                                                                                            class="mb-0 fw-medium">
                                                                                                            <a href="{{ $item->path_zip ? asset($item->path_zip) : '#' }}"
                                                                                                                class="btn btn-primary"
                                                                                                                target="_blank"
                                                                                                                {{ $item->path_zip ? 'download' : 'disabled' }}><i
                                                                                                                    class="ti ti-download"></i></a>



                                                                                                        </p>
                                                                                                    </td>

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


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



                                                                </div>
                                                            </div>
                                                        @endforeach
                                                        <!--/ Accordion with Icon -->
                                                        <!-- Accordion Border styling -->
                                                        <div class="m-3">
                                                            {{ $offers->appends(Request::except(['_token']))->links() }}
                                                        </div>
                                                        <!--/ Accordion Border styling -->
                                                    </div>






                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- end main data --}}


                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('assets/vendor/libs/swiper/swiper.js') }}"></script>
    <script src="{{ asset('assets/js/ui-carousel.js') }}"></script>
@endsection