@extends('layout')

@section('pageTitle', "雞肉廠商｜".config('globals.app_name'))


@section('content')
<style>
    .card-box{
        padding:24px;
    }
    .card-title h1{
        font-size: 30px;
    }
    tr.gray-bk {
        background: rgb(245 245 245);
    }
    tr.blue-bk{
        background: rgb(222 222 222);
    }
</style>
<div class="card-box">
    <div class="card-title">
        <h1>雞肉廠商</h1>
    </div>
    <div class="card-add mb-3">
        <a href="create" class="btn btn-primary">新增帳務</a>
    </div>
    <form action="{{ route('accountIndex') }}" method="GET" enctype="multipart/form-data">
        <div class="card-filter mb-3 row">
            <div class="col-3">
                <input type="date" class="form-control" name="startDate" value="{{ empty($startAt)?date('Y-m-').((date('d')>=16)?'16':'01'):$startAt }}">
            </div>
            <div class="col-3">
                <input type="date" class="form-control" name="endDate" value="{{ empty($endAt)?date('Y-m-').((date('d')>=16)?date('t'):'16'):$endAt }}">
            </div>
            <div class="col-3">
                <select name="company" id="company" class="form-control">
                    <option value="">全部</option>
                    <option value="宜禽">宜禽</option>
                    <option value="富美">富美</option>
                    <option value="清豐">清豐</option>
                </select>
                {{-- <input type="text" class="form-control" name="company" placeholder="廠商"> --}}
            </div>
            <div class="col-3">
                <button class="btn btn-info">查詢</button>
                <a class="btn btn-info" href="{{ route('accountIndex') }}">清空</a>
            </div>
            <div class="col-12">
                總金額: <span class="ml-2">{{ number_format($sums->total_sumprice,2) }}</span>
                , 總叫貨量:<span class="ml-2">{{ $sums->total_count }}</span>
            </div>
        </div>
    </form>
    <div class="card-table">
        <table  class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">日期</th>
                    <th scope="col">廠商</th>
                    <th scope="col">總數</th>
                    <th scope="col">金額</th>
                    <th scope="col">功能</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($items as $item => $row)
                <tr
                    @if($row->company == '富美')
                        class="gray-bk"
                    @elseif ($row->company == "清豐")
                        class="blue-bk"
                    @endif
                >
                    <td>{{ $row->ordered_at }}</td>
                    <td>{{ $row->company }}</td>
                    <td>{{ $row->total_count }}</td>
                    <td><a class="btn" href="/accounts/info?day={{ $row->ordered_at }}&company={{ $row->company }}">{{ $row->total_sumprice }}</a></td>
                    <td>
                        <a class="btn btn-secondary" href="/productMethod/edit?id={{ $row->id }}">編輯</a>
                        <button class="btn btn-danger">刪除</button>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@csrf
@endsection