@extends('adminlte::page')

@section('title', '代行店一覧')

@section('content_header')
    <h5><label class="title-underbar">代行店一覧</label></h5>
@stop

@section('content')
<x-admin.success-flush-message />
<x-admin.error-flush-message />
<x-admin.validation-message />
    <div class="row">
        <div class="col-md-5">
            <form method="GET" action="{{ route('admin.agency.index') }}" class="d-flex">
                <input class="form-control" name="name" value="{{ $inputs['name'] ?? null }}" placeholder="代行店名から探す" style="border-radius: 10px 0 0 10px;" />
                <div class="input-group-append">
                    <button class="btn button-go" type="submit" style="margin: 0px -50px; border-radius: 0 10px 10px 0;">
                        &emsp;<i class="fas fa-search"></i>&emsp;
                    </button>
                </div>
            </form>
            <br>
        </div>

        <div class="col-md-12">
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">
                    <table class="table" style="margin-top:35px">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th style="width: 40%">代行店名</th>
                                <th style="width: 20%">電話番号</th>
                                <th style="width: 40%">メールアドレス</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if(!empty($sfaAgencies))
                                @foreach ($sfaAgencies as $sfaAgency)
                                  <tr>
                                      <td>{{ $sfaAgency->name }}</td>
                                      <td>{{ $sfaAgency->phone_number }}</td>
                                      <td>
                                      @if($sfaAgency->email)
                                          {{ $sfaAgency->email }}
                                      @else
                                          <a href="{{ route('admin.agency.edit', $sfaAgency->id) }}" class="btn btn-sm btn-block button-go rounded-pill">登録する</a>
                                      @endif
                                      </td>
                                  </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div style="margin: 0 auto;">
                {{ $sfaAgencies->links() }}
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">

    <style>
        .disabled-link {
         pointer-events: none;
         opacity: 0.6;
         cursor: not-allowed;
        }   
    </style>
@stop