@extends('layouts.app')

@section('title', __('messages.warehouses'))
@section('page_title', __('messages.warehouses'))
@section('breadcrumb')
    <li class="breadcrumb-item active">{{ __('messages.warehouses') }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h3 class="card-title m-0">قائمة المخازن</h3>
        @can('warehouses.create')
        <a href="{{ route('warehouses.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> {{ __('messages.add_new') }}
        </a>
        @endcan
    </div>
    <div class="card-body">
        <table id="warehouses-table" class="table table-bordered table-striped table-hover w-100">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{ __('messages.code') }}</th>
                    <th>{{ __('messages.name') }}</th>
                    <th>{{ __('messages.branch') }}</th>
                    <th>{{ __('messages.manager') }}</th>
                    <th>{{ __('messages.phone') }}</th>
                    <th>افتراضي</th>
                    <th>{{ __('messages.status') }}</th>
                    <th>{{ __('messages.created_at') }}</th>
                    <th>{{ __('messages.actions') }}</th>
                </tr>
            </thead>
        </table>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(function () {
    $('#warehouses-table').DataTable(dtArabicConfig({
        ajax: '{{ route('warehouses.data') }}',
        columns: [
            { data: 'id', name: 'warehouses.id' },
            { data: 'code', name: 'warehouses.code' },
            { data: 'name', name: 'warehouses.name' },
            { data: 'branch_name', name: 'branch_name' },
            { data: 'manager', name: 'warehouses.manager' },
            { data: 'phone', name: 'warehouses.phone' },
            { data: 'is_main_label', name: 'warehouses.is_main', orderable: true, searchable: false },
            { data: 'is_active_label', name: 'warehouses.is_active', orderable: true, searchable: false },
            { data: 'created_at', name: 'warehouses.created_at' },
            { data: 'actions', name: 'actions', orderable: false, searchable: false },
        ],
    }));
});
</script>
@endpush