@extends('layouts.admin')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-2">
                            <div class="col-4 col-md-2">
                                <page-size :page-size="{{ json_encode(PAGE_SIZE_LIMIT) }}" :page-limit="{{ $pageLimit }}"></page-size>
                            </div>
                            <div class="col-8 col-md-4">
                                <input-search :page-limit="{{ $pageLimit }}"
                                    :url="{{ json_encode(route('works.index')) }}"
                                    :data-query="{{ json_encode(!empty($request) ? $request->all() : new stdClass()) }}">
                                </input-search>
                            </div>
                            <div class="col-12 col-md-4 mt-2 mt-md-0"></div>
                            <div class="col-10 col-md-2 d-md-flex justify-content-end">
                                <a class="btn btn-primary" href="{{ route('works.create') }}">Create work</a>
                            </div>
                        </div>
                        @if (!$works->isEmpty())
                            <div class="tanemaki-table">
                                <table class="table table-responsive-sm table-striped border">
                                    <thead>
                                        <tr>
                                            <th class="text-left">@sortablelink('id', 'ID')</th>
                                            <th class="text-left">@sortablelink('employer_id', 'Owner')</th>
                                            <th class="text-left">@sortablelink('title', 'title')</th>
                                            <th class="text-left">@sortablelink('address', 'Address')</th>
                                            <th class="text-left">@sortablelink('contact', 'Contact')</th>
                                            <th class="text-left">@sortablelink('status', 'Status')</th>
                                            <th class="text-left">@sortablelink('created_at', 'Created at')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($works as $index => $work)
                                            <tr>
                                                <td class="text-left text-left col-1">{{ $work->id }}</td>
                                                <td class="text-left text-left">{{ $work->user->name }}</td>
                                                <td class="text-left text-left">{{ $work->title }}</td>
                                                <td class="text-left text-left">{{ $work->address }}</td>
                                                <td class="text-left text-left">{{ $work->contact }}</td>
                                                <td class="text-left text-left">{{ $work->status_des }}</td>
                                                <td class="text-left text-left col-2">{{ Carbon\Carbon::parse($work->created_at)->format('Y/m/d')}}</td>
                                                <td class="text-left">
                                                    <div class="btn-group">
                                                        <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action</button>
                                                        <ul class="dropdown-menu dropdown-menu-right">
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('works.edit', $work->id) }}"><i class="fa-thin fa-pen-to-square"></i>Edit</a>
                                                            </li>
                                                            <li>
                                                                <delete-item
                                                                    :delete-action="{{ json_encode(route('works.destroy', $work->id)) }}"
                                                                    :message-confirm="{{ json_encode('Are you sure you want to delete it?') }}"
                                                                >
                                                                </delete-item>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            {!! $works->appends(\Request::except('page'))->render() !!}
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection