@extends('layouts.admin')

@section('title' , 'Area Details')

@section('breadcrumb-item')
    <li class="breadcrumb-item">Areas List</li>
    <li class="breadcrumb-item active">Area Detail</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">Area Details</div>
        <div class="card-body">
            @if(isset($area))
            <table class="table table-hover">
                <thead>
                <tr>
                    <th colspan="2" class="border-0 pt-0">
                        <h4 class="text-center">{{ $area->name }}</h4>
                        <h6 class="text-center text-muted">{{ $area->cityName }}</h6>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th>Area Name:</th>
                    <td>{{ $area->name }}</td>
                </tr>
                <tr>
                    <th>City:</th>
                    <td>{{ $area->cityName }}</td>
                </tr>
                </tbody>
            </table>
                @endif
        </div>
        <div class="card">
            <div class="card-header bg-theme rounded-0">
                <p class="h5 pt-2 mb-0 float-left"><i class="fa fa-list pr-1"></i>Shops List</p>
                <form action="{{route('admin.area.shops')}}" method="get" class="form-inline float-right">
                    <input type="hidden" value="{{ $area->id }}" name="areaId">
                    <div class="form-group">
                        <div class="input-group">
                            <input class="form-control" type="text" name="q" value="{{ request()->query('q') }}"
                                   placeholder="Search in Shops">
                            <div class="input-group-append">
                                <button class="btn btn-success" type="submit"><i class="fa fa-search"></i></button>
                            </div>
                            <div class="input-group-append">
                                <a class="btn btn-danger{{ request()->query('q') ? '' : ' disabled' }}"
                                   href="{{route('admin.shops')}}">
                                    <i class="fa fa-eraser"></i></a>
                            </div>
                            <div class="input-group-append">
                                <a class="btn btn-success print-btn">
                                    <i class="fa fa-print"></i></a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-body print_content" style="overflow-x:auto;">
                <table class="table table-hover table-c">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        {{--<th>Email</th>--}}
                        <th>Phone</th>
                        <th>Contact Person</th>
                        <th>Area</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(!isset($shops))
                        @forelse($area->shops as $shop)
                            <tr>
                                <td>BVH-{{$shop->id}}</td>
                                <td>{{$shop->name}}</td>
                                {{--<td>{{$shop->email}}</td>--}}
                                <td>{{$shop->phone}}</td>
                                <td>{{$shop->contact_person}}</td>
                                <td>{{$shop->areaName}}</td>
                                <td>
                                    <div class="btn-group">
                                        <a href="{{route('admin.shop.show', ['id' => $shop->id])}}"
                                           data-toggle="tooltip" title="View"
                                           class="btn btn-sm btn-outline-primary"><i class="fa fa-eye"></i></a>
    {{--                                    <a href="{{route('admin.shop.edit', ['id' => $shop->id])}}"--}}
    {{--                                       data-toggle="tooltip" title="Edit"--}}
    {{--                                       class="btn btn-sm btn-outline-success"><i class="fa fa-pencil"></i></a>--}}
    {{--                                    @include('includes.modals.delete', ['model' => 'shop', 'route' => 'admin.shop.delete'])--}}
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <th colspan="5" class="text-center">No Shops Yet</th>
                            </tr>
                        @endforelse
                    @else
                        @forelse($shops as $shop)
                            <tr>
                                <td>BVH-{{$shop->id}}</td>
                                <td>{{$shop->name}}</td>
                                {{--<td>{{$shop->email}}</td>--}}
                                <td>{{$shop->phone}}</td>
                                <td>{{$shop->contact_person}}</td>
                                <td>{{$shop->areaName}}</td>
                                <td>
                                    <div class="btn-group">
                                        <a href="{{route('admin.shop.show', ['id' => $shop->id])}}"
                                           data-toggle="tooltip" title="View"
                                           class="btn btn-sm btn-outline-primary"><i class="fa fa-eye"></i></a>
    {{--                                    <a href="{{route('admin.shop.edit', ['id' => $shop->id])}}"--}}
    {{--                                       data-toggle="tooltip" title="Edit"--}}
    {{--                                       class="btn btn-sm btn-outline-success"><i class="fa fa-pencil"></i></a>--}}
    {{--                                    @include('includes.modals.delete', ['model' => 'shop', 'route' => 'admin.shop.delete'])--}}
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <th colspan="5" class="text-center">No Shops Yet</th>
                            </tr>
                        @endforelse
                        @endif
                    </tbody>
                </table>
            </div>
            <div class="pagination justify-content-center mb-4">
{{--                {{ $area->shops->appends(request()->query())->links() }}--}}
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).on('click', '.print-btn', function () {
            let printContents = document.querySelector('.print_content').innerHTML;
            let originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents;
            window.print();
            document.body.innerHTML = originalContents;
        });
    </script>
@endsection