@extends('admin.layouts.app')
@section('content')
<div class="row mx-0 mb-3">
    <div class="col-6">
        <h1 class="page-title">Practice Areas</h1>
    </div>
    <div class="top-btn-box col-6" id="normal_btns">
        <div class="top-btn-box d-flex justify-content-end align-items-center h-100">
            <a tabindex="2" href="{{ route('practice-areas.create') }}" class="btn btn-primary addnew-btn btn-sm"
                id="add-btn">
                <em class="icon-addnew top-icon"></em>
                <span class="btn-title">{{ __('common.add') }}</span>
            </a>
        </div>
    </div>
    <div class="top-btn-box hide col-6" id="action_btns">
        <div class="top-btn-box d-flex justify-content-end align-items-center h-100 ">
            <a href="javascript:void(0)" class="btn btn-primary mr-1 btn-sm active-btn"
                onclick="submitactionform('active');" id="active-btn" title="{{ __('common.active') }}">
                <em class="icon-radiobutton_checked top-icon"></em>
                <span class="btn-title">{{ __('common.active') }}</span>
            </a>
            <a href="javascript:void(0)" class="btn btn-primary mr-1 btn-sm inactive-btn"
                onclick="submitactionform('inactive');" id="inactive-btn" title="{{ __('common.inactive') }}">
                <em class="icon-radio_button_unchecked top-icon"></em>
                <span class="btn-title">{{ __('common.inactive') }}</span>
            </a>
            <a href="javascript:void(0)" class="btn btn-dark btn-sm delete-btn" onclick="submitactionform('delete');" id="delete-btn" title="{{ __('common.delete') }}">
                <em class="icon-close-icon top-icon"></em>
                <span class="btn-title">{{ __('common.delete') }}</span>
            </a>
        </div>
    </div>
</div>
<div class="col-12 admin-holder">
    <div class="row">
        <div class="col-12 photos-main">
            <section id="wrapper">
                <form name="frmlist" id="frmlist" action="{{ route('practice-areas.bulkaction') }}" method="POST">
                    @csrf
                    <input type="hidden" name="bulk-action" value="">
                    <div class="table-responsive">
                    <table class="admintable table table-hover mb-0" style="width: 100%">
                        <thead>
                            <tr>
                                <th class="hide" scope="col"></th>
                                @if(canUserAccess('manage-page'))
                                <th class="active-box status-column" scope="col">
                                    <em class="sort"></em>
                                </th>
                                <th class="check-box nosort" scope="col">
                                    <div class="custom-control custom-checkbox text-center">
                                        <input type="checkbox" class="custom-control-input" name="selectAll" id="selectAll" onclick="checkAll();">
                                        <label class="custom-control-label" for="selectAll"></label>
                                    </div>
                                </th>
                                @endif
                                <th scope="col" class="control nosort"></th>
                                <th>Name</th>
                                <th>Status</th>
                                <th>Updated At</th>
                                <th class="text-right">{{__('common.action')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($areas as $area)
                            <tr>
                                <td class="active-box hide">
                                    <em style="display:none">{{$area->id}}</em>
                                </td>
                                @if(canUserAccess('manage-page'))
                                <td class="active-box">
                                    <a href="{{ route('practice-areas.changestatus', ['id' => $area->id]) }} ">
                                        <em style="display:none">{{$area->status ?? 1}}</em>
                                        <span class="sort {{ ($area->status ?? 1) == 1 ? 'active' : 'inactive' }} "></span>
                                    </a>
                                </td>
                                <td class="check-box">
                                    <div class="custom-control custom-checkbox text-center">
                                        <input type="checkbox" class="custom-control-input chkbox action-checkbox" id="filled-in-box_{{ $area->id }}" name="id[]" value="{{$area->id}}">
                                        <label class="custom-control-label" for="filled-in-box_{{ $area->id }}"></label>
                                    </div>
                                </td>
                                @endif
                                <td></td>
                                <td>{{ $area->name }}</td>
                                <td>{!! ($area->status ?? 1) == 1 ? '<span class="badge bg-success text-light">Active</span>' : '<span class="badge bg-danger text-light">Inactive</span>' !!}</td>
                                <td>{{ $area->updated_at }}</td>
                                <td class="text-right">
                                    <a href="{{ route('practice-areas.edit', ['practice_area' => $area->id]) }}"><em class="icon-edit-icon left"></em></a>
                                </td>
                            </tr>
                            @endforeach
                            @if ($areas->total() == 0)
                            <tr class="noreocrd">
                                <td colspan="5" class="text-center">
                                    No Practice Areas found.
                                </td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                    </div>
                </form>
            </section>
        </div>
    </div>
</div>
@endsection