@extends('layouts.administrator.master')

@section('title')
    Mitra
@endsection
@push('script')
    <script>
        $(document).ready(function() {
            var tab = '{{ session('tab') }}';
            $('#tab' + tab).tab('show');
        });
    </script>
@endpush
@section('content')
    <div class="nk-block-head">
        <div class="nk-block-head-content">
            <div class="nk-block-between-md g-4">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">
                        Mitra
                    </h3>
                    <div class="nk-block-des">
                        <p>Kamu mempunyai akses untuk mengelola halaman mitra</p>
                    </div>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('admin.landingPage') }}" class="btn btn-primary btn-sm"><em
                            class="icon ni ni-arrow-left"></em>
                        Kembali</a>
                </div>
            </div>
        </div>
    </div><!-- .nk-block-head -->
    <div class="nk-block">
        <div class="card card-preview">
            <div class="card-inner">
                <div class="row g-gs">
                    <div class="col-md-4">
                        <ul class="nav link-list-menu border border-light rounded m-0" role="tablist">
                            <li><a class="active" id="tab1" data-bs-toggle="tab" href="#tabPartner"
                                    aria-selected="true" role="tab">Mitra</a></li>
                            <li><a data-bs-toggle="tab" id="tab2" href="#tabPartnerCategory" aria-selected="false"
                                    role="tab" class="" tabindex="-1">Kategori Mitra</a></li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <div class="tab-content">
                            <div class="tab-pane active show" id="tabPartner" role="tabpanel">
                                <div class="text-end pb-3">
                                    <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#create-partner"
                                        class="btn btn-primary">Buat Data
                                        Mitra</a>
                                </div>
                                <table class="datatable-init nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                                    <thead>
                                        <tr class="nk-tb-item nk-tb-head">
                                            <th class="nk-tb-col"><span class="sub-text">Gambar</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Nama Perusahaan</span></th>
                                            <th class="nk-tb-col"><span class="sub-text">Kategori</span></th>
                                            <th class="nk-tb-col nk-tb-col-tools text-end">
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($partner as $key => $value)
                                            <tr class="nk-tb-item">
                                                <td class="nk-tb-col">
                                                    <div class="user-card">
                                                        <div class="user-info">
                                                            <img src="{{ asset('uploads/landing-page/partner/images/' . $value->image) }}"
                                                                width="50" height="50" alt="">
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="nk-tb-col">
                                                    <div class="user-card">
                                                        <div class="user-info">
                                                            {{ Str::substr($value->title, 0, 20) . '...' }}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="nk-tb-col">
                                                    <div class="user-card">
                                                        <div class="user-info">
                                                            {{ Str::substr($value->categoryPartner->name, 0, 20) . '...' }}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="nk-tb-col nk-tb-col-tools">
                                                    <ul class="nk-tb-actions gx-1">
                                                        <li class="nk-tb-action-hidden">
                                                            <a href="javascript:void(0)" data-bs-toggle="modal"
                                                                data-bs-target="#update-partner{{ $value->id }}"
                                                                class="btn btn-trigger btn-icon" data-bs-toggle="tooltip"
                                                                data-bs-placement="top" title="Perbarui">
                                                                <em class="icon ni ni-edit-fill"></em>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <div class="drodown">
                                                                <a href="#"
                                                                    class="dropdown-toggle btn btn-icon btn-trigger"
                                                                    data-bs-toggle="dropdown"><em
                                                                        class="icon ni ni-more-h"></em></a>
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    <ul class="link-list-opt no-bdr">
                                                                        <li><a
                                                                                href="{{ route('admin.services.landingPage.calendar.delete', ['slug' => $value->slug]) }}"><em
                                                                                    class="icon ni ni-na"></em><span>Hapus</span></a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr><!-- .nk-tb-item  -->
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="tab-pane" id="tabPartnerCategory" role="tabpanel">
                                <div class="text-end pb-3">
                                    <a onclick="funcBtnNewsCategory()" href="javascript:void(0)" data-bs-toggle="modal"
                                        data-bs-target="#create-partner-category" class="btn btn-primary">Buat Kategori
                                        Mitra</a>
                                </div>

                                <table class="datatable-init nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                                    <thead>
                                        <tr class="nk-tb-item nk-tb-head">
                                            <th class="nk-tb-col"><span class="sub-text">Nama Kategori</span></th>

                                            <th class="nk-tb-col nk-tb-col-tools text-end">
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($partnerCategory as $key => $value)
                                            <tr class="nk-tb-item">

                                                <td class="nk-tb-col">
                                                    <div class="user-card">
                                                        <div class="user-info">
                                                            {{ Str::substr($value->name, 0, 20) . '...' }}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="nk-tb-col nk-tb-col-tools">
                                                    <ul class="nk-tb-actions gx-1">
                                                        <li class="nk-tb-action-hidden">
                                                            <a href="javascript:void(0)" data-bs-toggle="modal"
                                                                data-bs-target="#update-partner-category{{ $value->id }}"
                                                                class="btn btn-trigger btn-icon" data-bs-toggle="tooltip"
                                                                data-bs-placement="top" title="Perbarui">
                                                                <em class="icon ni ni-edit-fill"></em>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <div class="drodown">
                                                                <a href="#"
                                                                    class="dropdown-toggle btn btn-icon btn-trigger"
                                                                    data-bs-toggle="dropdown"><em
                                                                        class="icon ni ni-more-h"></em></a>
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    <ul class="link-list-opt no-bdr">
                                                                        <li><a
                                                                                href="{{ route('admin.services.landingPage.partner.category.delete', ['id' => $value->id]) }}"><em
                                                                                    class="icon ni ni-na"></em><span>Hapus</span></a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr><!-- .nk-tb-item  -->
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- .nk-block -->

    {{-- Create partner Category --}}
    <div class="modal fade" role="dialog" id="create-partner">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                <div class="modal-header">
                    <h5>Buat mitra</h5>
                </div>
                <div class="modal-body">
                    <form action="{{ route('admin.services.landingPage.partner.store') }}" enctype="multipart/form-data"
                        method="POST">
                        @csrf
                        <div class="row gy-2">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-label" for="customFileLabel">Gambar <span
                                            class="text-danger">(Format
                                            png.jpg dan Max
                                            512KB)</span></label>
                                    <div class="form-control-wrap text-center">
                                        <img id="logoOutputPartnerC" src="{{ asset('') }}landing/img/noimage.png"
                                            alt="" height="300" width="300">
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('logoOutputPartnerC').src = window.URL.createObjectURL(this.files[0])"
                                                name="image">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <input type="text" name="title"
                                        class="form-control form-control-lg form-control-outlined" id="outlined"
                                        required>
                                    <label class="form-label-outlined" for="outlined">Nama Perusahaan</label>
                                </div>
                                <div class="form-group">
                                    <textarea type="text" name="description" class="form-control form-control-lg form-control-outlined"
                                        id="outlined" required></textarea>
                                    <label class="form-label-outlined" for="outlined">Deskripsi</label>
                                </div>
                                <div class="form-group">
                                    <input type="email" name="email"
                                        class="form-control form-control-lg form-control-outlined" id="outlined"
                                        required>
                                    <label class="form-label-outlined" for="outlined">Email</label>
                                </div>
                                <div class="form-group">
                                    <select type="text" name="category_partner_id"
                                        class="form-control form-control-lg form-control-outlined" id="outlined"
                                        required>
                                        <option value="">Pilih Kategori</option>
                                        @foreach ($partnerCategory as $key => $value)
                                            <option value="{{ $value->id }}">{{ $value->name }}</option>
                                        @endforeach
                                    </select>
                                    <label class="form-label-outlined" for="outlined">Pilih Kategori</label>
                                </div>
                                <div class="form-group">
                                    <textarea type="text" name="address" class="form-control form-control-lg form-control-outlined" id="outlined"
                                        required></textarea>
                                    <label class="form-label-outlined" for="outlined">Alamat</label>
                                </div>
                                <div class="form-group">
                                    <input type="text" name="no_hp"
                                        class="form-control form-control-lg form-control-outlined" id="outlined"
                                        required>
                                    <label class="form-label-outlined" for="outlined">No Handphone</label>
                                </div>
                                <div class="form-group">
                                    <input type="text" name="link"
                                        class="form-control form-control-lg form-control-outlined" id="outlined"
                                        required>
                                    <label class="form-label-outlined" for="outlined">Url Website</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <ul class="align-center justify-content-end flex-wrap flex-sm-nowrap gx-4 gy-2">
                                    <li>
                                        <button type="submit" class="btn btn-primary">Buat</button>
                                    </li>
                                    <li>
                                        <a href="#" data-bs-dismiss="modal" class="link link-light">Batal</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </form>
                </div><!-- .modal-body -->
            </div><!-- .modal-content -->
        </div><!-- .modal-dialog -->
    </div>
    {{-- Update partner Category --}}
    @foreach ($partner as $key => $value)
        <div class="modal fade" role="dialog" id="update-partner{{ $value->id }}">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                <div class="modal-content">
                    <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                    <div class="modal-header">
                        <h5>Perbarui mitra <span class="text-primary">{{ $value->title }}</span> </h5>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('admin.services.landingPage.partner.update', ['slug' => $value->slug]) }}"
                            enctype="multipart/form-data" method="POST">
                            @csrf
                            <div class="row gy-2">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="form-label" for="customFileLabel">Gambar <span
                                                class="text-danger">(Format
                                                png.jpg dan Max
                                                512KB)</span></label>
                                        <div class="form-control-wrap text-center">
                                            @if ($value->image)
                                                <img id="logoOutputPartnerD"
                                                    src="{{ asset('uploads/landing-page/partner/images/' . $value->image) }}"
                                                    alt="" height="300" width="300">
                                            @else
                                                <img id="logoOutputPartnerD"
                                                    src="{{ asset('') }}landing/img/noimage.png" alt=""
                                                    height="300" width="300">
                                            @endif
                                            <div class="form-file pt-2">
                                                <input type="file"
                                                    accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                    id="customFile"
                                                    onchange="document.getElementById('logoOutputPartnerD').src = window.URL.createObjectURL(this.files[0])"
                                                    name="image">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" name="title" value="{{ $value->title }}"
                                            class="form-control form-control-lg form-control-outlined" id="outlined"
                                            required>
                                        <label class="form-label-outlined" for="outlined">Nama Perusahaan</label>
                                    </div>
                                    <div class="form-group">
                                        <textarea type="text" name="description" class="form-control form-control-lg form-control-outlined"
                                            id="outlined" required>{{ $value->description }}</textarea>
                                        <label class="form-label-outlined" for="outlined">Deskripsi</label>
                                    </div>
                                    <div class="form-group">
                                        <input type="email" name="email" value="{{ $value->email }}"
                                            class="form-control form-control-lg form-control-outlined" id="outlined"
                                            required>
                                        <label class="form-label-outlined" for="outlined">Email</label>
                                    </div>
                                    <div class="form-group">
                                        <select type="text" name="category_partner_id"
                                            class="form-control form-control-lg form-control-outlined" id="outlined"
                                            required>
                                            <option value="">Pilih Kategori</option>
                                            @foreach ($partnerCategory as $key => $pc)
                                                <option value="{{ $pc->id }}"
                                                    {{ $value->id == $pc->id ? 'selected' : '' }}>{{ $pc->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <label class="form-label-outlined" for="outlined">Pilih Kategori</label>
                                    </div>
                                    <div class="form-group">
                                        <textarea type="text" name="address" class="form-control form-control-lg form-control-outlined" id="outlined"
                                            required>{{ $value->address }}</textarea>
                                        <label class="form-label-outlined" for="outlined">Alamat</label>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" name="no_hp" value="{{ $value->no_hp }}"
                                            class="form-control form-control-lg form-control-outlined" id="outlined"
                                            required>
                                        <label class="form-label-outlined" for="outlined">No Handphone</label>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" name="link" value="{{ $value->link }}"
                                            class="form-control form-control-lg form-control-outlined" id="outlined"
                                            required>
                                        <label class="form-label-outlined" for="outlined">Url Website</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <ul class="align-center justify-content-end flex-wrap flex-sm-nowrap gx-4 gy-2">
                                        <li>
                                            <button type="submit" class="btn btn-primary">Perbarui</button>
                                        </li>
                                        <li>
                                            <a href="#" data-bs-dismiss="modal" class="link link-light">Batal</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </form>
                    </div><!-- .modal-body -->
                </div><!-- .modal-content -->
            </div><!-- .modal-dialog -->
        </div>
    @endforeach

    {{-- Create partner Category --}}
    <div class="modal fade" role="dialog" id="create-partner-category">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                <div class="modal-header">
                    <h5>Buat kategori mitra</h5>
                </div>
                <div class="modal-body">
                    <form action="{{ route('admin.services.landingPage.partner.category.store') }}"
                        enctype="multipart/form-data" method="POST">
                        @csrf
                        <div class="row gy-2">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" name="name"
                                        class="form-control form-control-lg form-control-outlined" id="outlined"
                                        required>
                                    <label class="form-label-outlined" for="outlined">Nama Kategori</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <ul class="align-center justify-content-end flex-wrap flex-sm-nowrap gx-4 gy-2">
                                    <li>
                                        <button type="submit" class="btn btn-primary">Buat</button>
                                    </li>
                                    <li>
                                        <a href="#" data-bs-dismiss="modal" class="link link-light">Batal</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </form>
                </div><!-- .modal-body -->
            </div><!-- .modal-content -->
        </div><!-- .modal-dialog -->
    </div>

    @foreach ($partnerCategory as $key => $value)
        <div class="modal fade" role="dialog" id="update-partner-category{{ $value->id }}">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                <div class="modal-content">
                    <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                    <div class="modal-header">
                        <h5>Perbarui kategori mitra : <span class="text-primary">{{ $value->name }}</span></h5>
                    </div>
                    <div class="modal-body">
                        <form
                            action="{{ route('admin.services.landingPage.partner.category.update', ['id' => $value->id]) }}"
                            enctype="multipart/form-data" method="POST">
                            @csrf
                            <div class="row gy-2">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="text" name="name"
                                            class="form-control form-control-lg form-control-outlined" id="outlined"
                                            value="{{ $value->name }}" required>
                                        <label class="form-label-outlined" for="outlined">Nama Kategori</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <ul class="align-center justify-content-end flex-wrap flex-sm-nowrap gx-4 gy-2">
                                        <li>
                                            <button type="submit" class="btn btn-primary">Perbarui</button>
                                        </li>
                                        <li>
                                            <a href="#" data-bs-dismiss="modal" class="link link-light">Batal</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </form>
                    </div><!-- .modal-body -->
                </div><!-- .modal-content -->
            </div><!-- .modal-dialog -->
        </div>
    @endforeach
@endsection