@extends('Centaur::layout')

@section('title',__('basic.customer.mn'))

@section('content')
<section class="pageSection">
    <header class="page-header">
        <div class="pageTitle">
            <h1>
                <button id="goBack" class="icon_btn goBack">
                    <span class="icon icon_arrow arrow_left"></span>
                </button>
                @lang('basic.customer.mn')
            </h1>
        </div>
        <div class="optionContainer">
            <div class="dropdownContainer">
                <a class="nav-link dropdown-toggle d-flex" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="icon icon_download"></span> 
                    Export
                </a>
                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <li>
                        <a href="{{ route('customers.index') }}" class="dropdown-item " media="print" onclick="window.print();return false;">
                            <span class="icon icon_print" aria-hidden="true" ></span>Print
                        </a>
                    </li>
                </ul>
            </div>
            @if (Sentinel::getUser()->hasAccess(['customers.import']) )
                <div class="createButton">
                    <a class="btn btn_create btn_white btn_padding" href="{{ route('importForm', 'customers') }}" data-bs-toggle="modal" data-bs-target="#myModal" data-title="{{ __('basic.import') . ' ' . __('basic.customer.mn_ak') }}">
                        <span class="icon icon_upload"></span> Import
                    </a>     
                </div>
            @endif
            @if (Sentinel::getUser()->hasAccess(['customers.create']) )
                <div class="createButton">
                    <a class="btn btn-primary btn_create" href="{{ route('customers.create') }}" data-bs-toggle="modal" data-bs-target="#myModal" data-title="{{ __('basic.create') . ' ' . __('basic.customer.gen')  }}">
                        <span class="icon icon_plus_wh"></span>
                    </a>                    
                </div>
            @endif
        </div>
    </header>
    <main class="page-main">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 d-flex flex-wrap">
                <table class="table table-hover dataTable paginationTable orderingTable" id="dataTable">
                    <thead>
                        <tr>
                            <th class="col-3">@lang('basic.name')</th>
                            <th class="col-1">OIB</th>
                            <th class="col-3">@lang('basic.address')</th>
                            <th class="col-2">@lang('basic.city')</th>
                            <th class="col-1 not_sortable not-export-column">@lang('basic.options')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($customers as $customer)
                            <tr class="loadPage" data-href="{!! Sentinel::getUser()->hasAccess(['customers.view']) ? route('customers.show', $customer->id ) : '' !!}" data-title="{{ __('basic.ticket.mn') . ' ' .  __('basic.customer.mn_ak') }}">
                                <td class="customer_{{ $customer->id }}">{{ $customer->name }}</td>
                                <td>{{ $customer->oib }}</td>
                                <td>{{ $customer->address }}</td>
                                <td>{!! $customer->zipcode ? $customer->zipcode . ' ' : '' !!}{{ $customer->city }}</td>
                                <td class="not_sortable not_link">
                                    <div class="dropdownContainer">
                                        <p class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                            <span class="icon icon_more more_vertical"></span>
                                        </p>
                                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                            @if (Sentinel::getUser()->hasAccess(['customers.update']) )
                                                <li>
                                                    <a href="{{ route('customers.edit', $customer->id) }}" class="btn btn_edit" data-bs-toggle="modal" data-bs-target="#myModal" data-title="{{ __('basic.edit') . ' ' . __('basic.customer.ak') }}">
                                                        <span class="icon icon_edit"></span>
                                                        @lang('basic.edit')
                                                    </a>
                                                </li>
                                            @endif
                                            @if (Sentinel::getUser()->hasAccess(['customers.delete']) )
                                                <li>
                                                    <a href="{{ route('customers.destroy', $customer->id) }}" class="btn btn_delete danger action_confirm" data-method="delete" data-token="{{ csrf_token() }}">
                                                        <span class="icon icon_delete"></span>
                                                        @lang('basic.delete')
                                                    </a>
                                                </li>
                                            @endif
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </main>
</section>
@stop