@extends('author')
@section('author_content')
<div class="tab-pane fade show active author" id="link3">
    <div class='row'>
        <div class='col-12'>
            <div class='card my-3'>
                <div class='card-body'>
                    <!-- search line -->
                    <div class='row d-flex align-items-center'>
                        <div class='col-6 d-flex'>
                            <input type="search" placeholder="關鍵字搜尋" class='flex-grow-1' id="searchFactory">
                            <select class='ml-2'>
                                <option value="1" selected>公司名稱</option>
                                <option value="2">帳號</option>
                                <option value="3">電子信箱</option>
                            </select>
                        </div>
                        <div class='col-6 d-flex' style="justify-content: end;">
                            @if($hasOwnFactory)
                            <a href="{{ route('homepage', ['id' => Auth::id()]) }}"
                                class="btn btn-primary mr-3 d-flex align-items-center"
                                title="管理員廠商">
                                管理員廠商
                            </a>
                            @endif
                            <a href="{{ asset('/manager/factory/download') }}" title="廠商資料匯出">
                                <img src="{{ asset('/img/AuthorDashboard/export_icon.svg') }}" style="cursor: pointer;" width="100">
                            </a>
                        </div>
                    </div>

                    <!-- table -->
                    <table class='table mt-3 rwd-table'>
                        <thead>
                            <tr>
                                <th>編號</th>
                                <th>公司名稱</th>
                                <th>帳號</th>
                                <th>電子信箱</th>
                                <th>廠商管理</th>
                            </tr>
                        </thead>
                        <tbody class='Factory-table'>
                            @foreach($factories as $idx=>$f)
                            <tr>
                                <td data-th="編號">
                                    {{ ($idx+1) }}
                                </td>
                                <td data-th="公司名稱">
                                    <img src="{{ asset('img/AuthorDashboard/company_name_icon.svg') }}" width="35" class="pc">
                                    {{ $f->company }}
                                </td>
                                <td data-th="帳號">
                                    {{ $f->account }}
                                </td>
                                <td data-th="電子信箱">
                                    <img src="{{ asset('img/AuthorDashboard/email_icon.svg') }}" width="35" class="pc">
                                    {{ $f->email }}
                                </td>
                                <td data-th="廠商管理">
                                    <a href="{{ url('homepage/' . $f->id) }}"><!-- /homepage/{{ $f->id }} -->
                                        <img src="{{ asset('img/Auth/factory_manage_gear_button.svg') }}" width="35">
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection