@extends('layouts.landing')

@section('title')
    {{ __('message.Mitra') }}
@endsection
@section('content')
    {{-- <section class="wrapper bg-soft-primary position-relative">
        <div class="container pt-20 pb-10 pt-md-20 text-center">
            <div class="row">
                <div class="col-lg-8 mx-auto mb-5">

                    <h3 class="display-1 mb-6">{{ Helper::lang('Partner') }}</h3>
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
        <div class="overflow-hidden">
            <div class="divider text-light mx-n2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60">
                    <path fill="currentColor" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z" />
                </svg>
            </div>
        </div>
    </section> --}}

    <section class="wrapper bg-light">
        <div class="container pt-20 pt-md-20 pb-15 pb-md-17">
            <div class="row pt-5">
                <div class="col-xl-10 mx-auto">
                    <div class="container text-center mb-6">
                        <div class="row pt-2">
                            <div class="col-lg-12">
                                <form class="filter-form mb-10" method="GET">
                                    <div class="row">
                                        <div class="col-md-11 mb-3">
                                            <div class="form-select-wrapper">
                                                <select class="form-select" name="partnerCategory" aria-label="">
                                                    <option value="">{{ __('message.Semua Kategori') }}</option>
                                                    @foreach ($pc as $key => $value)
                                                        <option
                                                            value="{{ $value->name }}"{{ request('partnerCategory') === $value->name ? 'selected' : null }}>
                                                            {{ $value->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-1 mb-3">
                                            <button type="submit" class="btn btn-primary">{{ __('message.Cari') }}</button>
                                        </div>
                                    </div>
                                </form>
                                <div class="container text-center mb-6">
                                    <div class="row pt-2">
                                        @forelse ($partners as $key => $value)
                                            <div class="col-md-4 col-12 mt-2">
                                                <div class="py-10 border border-collapse rounded py-2 mx-1">
                                                    <img class="rounded-circle w-18 h-18 mx-auto mb-4"
                                                        src="{{ asset('uploads/landing-page/partner/photo/' . $value->photo) }}"
                                                        srcset="{{ asset('uploads/landing-page/partner/photo/' . $value->photo) }} 2x"
                                                        alt="" />
                                                    <h6 class="mb-1">{{ $value->name }} </h6>
                                                    <div class="meta pb-2">{{ $value->partnerCategory->name }}</div>

                                                    <a href="javascript:void();" data-bs-toggle="modal"
                                                        data-bs-target="#show-partner{{ $value->id }}"
                                                        class="badge bg-primary">
                                                        {{ __('message.Selengkapnya') }}</a>

                                                    <!-- /.social -->
                                                </div>
                                            </div>
                                        @empty
                                            <div class="text-center">
                                                <h2>{{ __('message.Tidak ada data') }}</h2>
                                            </div>
                                        @endforelse
                                    </div>
                                    @if ($partners->hasPages())
                                        <div class="row">
                                            <div class="col">
                                                {{ $partners->links('pagination::bootstrap-4') }}
                                            </div>
                                        </div>
                                    @endif
                                </div>

                                <!-- /nav -->
                            </div>
                        </div>

                    </div>
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>
    {{-- Show Partner --}}
    @foreach ($partners as $key => $value)
        <div class="modal fade" id="show-partner{{ $value->id }}" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered modal-md">
                <div class="modal-content text-center">
                    <div class="modal-body">
                        <button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        <div class="row">
                            <div class="col-md-10 offset-md-1">
                                @if ($value->photo)
                                    <figure class="mb-6"><img class="w-18 h-18"
                                            src="{{ asset('uploads/landing-page/partner/photo/' . $value->photo) }}"
                                            srcset="{{ asset('uploads/landing-page/partner/photo/' . $value->photo) }}"
                                            alt="" />
                                    </figure>
                                @else
                                    <figure class="mb-6"><img
                                            src="https://via.placeholder.com/400x265.png?text=Your+Thumbnail"
                                            srcset="https://via.placeholder.com/400x265.png?text=Your+Thumbnail"
                                            alt="" /></figure>
                                @endif
                            </div>
                            <!-- /column -->
                        </div>
                        <!-- /.row -->
                        <h3 class="text-primary">{{ $value->name }}</h3>
                        <table class="text-start">
                            <tr>
                                <td>
                                    <span class="fw-bold">{{ __('message.PIC') }}</span>
                                </td>
                                <td>
                                    <span class="fw-bold px-1">:</span>
                                </td>
                                <td>
                                    <span class="fw-bold text-primary">{{ $value->pic }}</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="fw-bold">{{ __('message.Nomor Hp') }}</span>
                                </td>
                                <td>
                                    <span class="fw-bold px-1">:</span>
                                </td>
                                <td>
                                    <span class="fw-bold text-primary">{{ $value->contact }}</span>
                                </td>
                            </tr>
                            @if ($value->producer)
                                <tr>
                                    <td>
                                        <span class="fw-bold">{{ __('message.Produsen') }}</span>
                                    </td>
                                    <td>
                                        <span class="fw-bold px-1">:</span>
                                    </td>
                                    <td>
                                        <span class="fw-bold text-primary">{{ $value->producer }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="fw-bold">{{ __('message.Produk') }}</span>
                                    </td>
                                    <td>
                                        <span class="fw-bold px-1">:</span>
                                    </td>
                                    <td>
                                        <span class="fw-bold text-primary">{{ $value->product }}</span>
                                    </td>
                                </tr>
                            @else
                                <tr>
                                    <td>
                                        <span class="fw-bold">{{ __('message.Sertifikasi ISO 17025') }}</span>
                                    </td>
                                    <td>
                                        <span class="fw-bold px-1">:</span>
                                    </td>
                                    <td>
                                        <span
                                            class="fw-bold text-primary">{{ $value->iso == 1 ? __('message.Ada') : __('message.Tidak ada') }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="fw-bold">{{ __('message.Ruang Lingkup') }}</span>
                                    </td>
                                    <td>
                                        <span class="fw-bold px-1">:</span>
                                    </td>
                                    <td>
                                        <span class="fw-bold text-primary">{{ $value->rl }}</span>
                                    </td>
                                </tr>
                            @endif
                            <tr>
                                <td>
                                    <span class="fw-bold">{{ __('message.Kategori') }}</span>
                                </td>
                                <td>
                                    <span class="fw-bold px-1">:</span>
                                </td>
                                <td>
                                    <span class="fw-bold text-primary">{{ $value->partnerCategory->name }}</span>
                                </td>
                            </tr>
                        </table>

                    </div>
                    <!-- /.row -->
                </div>
                <!--/.modal-body -->
            </div>
            <!--/.modal-content -->
        </div>
        <!--/.modal-dialog -->
        </div>
    @endforeach
@endsection