@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info bg-transparent">

    <div class="card-body">
        <div class="d-flex justify-content-center">
            {!! $companies->links() !!}
        </div>
        <div class="card-datatable table-responsive">
            <table class="datatables-custom table table-hover-animation" data-title="{{ trans('dashboard.company.companies') }}" data-create_title="{{ trans('dashboard.company.add_company') }}" data-create_link="{{ route('dashboard.company.create') }}">
                <thead>
                    <tr class="text-center">
                        <th>#</th>
                        <th>{!! trans('dashboard.company.logo') !!}</th>
                        <th>{!! trans('dashboard.company.serial_number') !!}</th>
                        <th>{!! trans('dashboard.company.name') !!}</th>
                        <th>{!! trans('dashboard.company.nickname') !!}</th>
                        <th>{!! trans('dashboard.company.address') !!}</th>
                        <th>{!! trans('dashboard.category.category') !!}</th>
                        <th>{!! trans('dashboard.company.commercial_number') !!}</th>
                        <th>{!! trans('dashboard.company.tax_number') !!}</th>
                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                        <th>{!! trans('dashboard.general.control') !!}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($companies as $company)
                    <tr class="{{ $company->id }} text-center">
                        <td>{{ $loop->iteration }}</td>
                         <td class="product-img sorting_1">
                            <a href="{{ $company->logo_url }}" data-fancybox="gallery">
                                <img src="{{ $company->logo_url }}" alt="" style="width:60px; height:60px;" class="img-preview rounded">
                            </a>
                        </td>
                        <td>{{ $company->serial_number }}</td>
                        <td>{{ $company->name }}</td>
                        <td>{{ $company->nickname }}</td>
                        <td>{{ $company->address }}</td>
                        <td>{{ @$company->category->name }}</td>
                        <td>{{ $company->commercial_number }}</td>
                         <td>{{ @$company->tax_number }}</td>
                        <td>
                            <div class="badge badge-primary badge-md mr-1 mb-1">{{ $company->created_at }}</div>
                        </td>
                        <td class="justify-content-center">
                            <a onclick="deleteItem('{{ $company->id }}' , '{{ route('dashboard.company.destroy',$company->id) }}')" class="text-danger" title="{!! trans('dashboard.general.delete') !!}">
                                <i class="icofont-ui-delete"></i>
                            </a>
                            <a href="{!! route('dashboard.company.edit',$company->id) !!}" class="text-primary mr-2" title="{!! trans('dashboard.general.edit') !!}">
                                <i class="icofont-ui-edit"></i>
                            </a>
                            <a href="{!! route('dashboard.bill.index') !!}?company_id={{ $company->id }}" class="text-primary mr-2" title="{!! trans('dashboard.bill.bills') !!}">
                                <i class="icofont-ui-file"></i>
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="d-flex justify-content-center">
            {!! $companies->links() !!}
        </div>
    </div>
</div>
@include('dashboard.layout.delete_modal')
@endsection


@include('dashboard.company.styles')
@include('dashboard.company.scripts')