@extends('business.layouts.base')
@push('styles')
    <link href="{{ asset('/business/css/buyer.css') }}" rel="stylesheet">
@endpush
@section('content_buyer')
    <div class="buyer-page">
        @include('business.pages.buyer.partials.navbar-buyer')
        <div class="content mt-4">
            <div class="container-page">
                <div class="bg-white text-center p-4">
                    <div>
                        ボードを選択して、設定ボタンを押してください。
                    </div>
                    <form action="{{ route('buyer.select') }}" method="post">
                        @csrf
                        <div class="d-flex justify-content-center mt-4">
                            <div class="btn-current">
                                <span>現在のボード</span>
                            </div>
                            <select class="btn-action" name="id">
                                <option value="">未選択</option>
                                @if(!empty($buyers))
                                    @foreach($buyers as $buyer)
                                        <option value="{{ $buyer->id }}" {{ !empty(session('buyer_active')) && session('buyer_active')->id == $buyer->id ? 'selected' : ''  }}>{{ $buyer->name }}</option>
                                    @endforeach
                                @endif
                            </select>
                            <button class="btn-action dark">
                                設定
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @if (session('success'))
        @include('business.pages.buyer.partials.modal-message', ['id' => 'modal-buyer','message' => session('success')])
        <script>
            $('.btn-modal-buyer').click();
        </script>
    @endif
@endsection
@push('scripts')
    <script src="{{ asset('/business/js/buyer.js') }}"></script>
@endpush