@extends('layouts.master')
@section('page-css')
<link rel="stylesheet" href="{{asset('assets/styles/vendor/ladda-themeless.min.css')}}">
@endsection
@section('main-content')
<div class="breadcrumb">
    <h1> @lang('zones')</h1>
    @can('inventory_access')
        <button class="btn btn-primary mb-sm-0 mb-3 ml-4" data-toggle="modal" data-target="#modalUploadInventory">@lang('upload_inventory')</button>
    @endcan
    @can('zone_create')
    <a class="nav-item-hold button_header" href="{{ route('zones.create') }}" data-toggle="tooltip" data-placement="top"
        title="@lang('create_zone')">
        <i class="nav-icon i-Add"></i>
    </a>
    @endcan
</div>
<div class="separator-breadcrumb border-top"></div>

<section class="widget-card">
    <div class="col-md-12">
        <div class="row">
            @forelse ($zones as $zone)
            <div class="col-md-3">
                <div class="card card-profile-1 mb-4">
                    <div class="card-body text-center">
                        <div class="avatar box-shadow-2 mb-3">
                            <img src="{{ env('AWS_URL') }}/zones/{{ $zone->image_url ? $zone->image_url : 'default.png' }}"
                                class="height80">
                        </div>
                        <h5 class="m-0">{{ $zone->name }}</h5>
                        <p class="mt-0 text-muted">{{ $zone->active == 1 ? __('active') : __('inactive') }}</p>
                        <p>{{ $zone->description == null ? '-' : $zone->description }}</p>
                        {{-- <a href="#" class="btn btn-primary btn-rounded">@lang('go_areas')</a> --}}
                        <div class="card-socials-simple mt-4">
                            @can('storage_access')
                            <a href="{{ route('zones.storages.index', ['zone_id' => $zone->id]) }}"
                                class="ul-link-action text-info" data-toggle="tooltip" data-placement="left"
                                title="@lang('storages')">
                                <i class="i-Building"></i>
                            </a>
                            @endcan
                            @can('log_show')
                            <a href="{{ route('showByRegistry', ['registry_id' => $zone->id, 'module_name' => 'zones']) }}"
                                class="ul-link-action text-info" data-toggle="tooltip" data-placement="left"
                                title="@lang('logs')">
                                <i class="i-Receipt-3"></i>
                            </a>
                            @endcan
                            @can('zone_edit')
                            <a href="{{ route('zones.edit', ['id' => $zone->id]) }}" class="ul-link-action text-success"
                                data-toggle="tooltip" data-placement="left" title="@lang('edit')">
                                <i class="i-Edit"></i>
                            </a>
                            @endcan
                            @can('zone_destroy')
                            <span class="ul-link-action text-danger mr-1" data-toggle="tooltip" data-placement="right"
                                title="@lang('delete')" onclick="deleteRegistry({{ $zone->id }})">
                                <i class="i-Eraser-2"></i>
                            </span>
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
            @empty
        </div>
    </div>
    <div class="col-md-12">
        <div class="alert alert-card alert-warning text-center" role="alert">
            @lang('not_zones_create')
            @can('zone_create')
            <a href="{{ route('zones.create') }}" class="btn btn-rounded btn-warning ml-3">@lang('create')</a>
            @endcan
        </div>
    </div>
    @endforelse
</section>

@can('inventory_access')
<!-- Verify Modal content -->
<div class="modal fade" id="modalUploadInventory" tabindex="-1" role="dialog" aria-labelledby="modalUploadInventory" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalUploadInventory_title">@lang('upload_inventory')</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group col-md-12">
                        <div class="input-group mb-3">
                            <div class="custom-file">
                                <label class="custom-file-label" for="file_inventory" aria-describedby="inputGroupFileAddon02">@lang('select_file')</label>
                                <input type="file" class="custom-file-input" id="file_inventory" name="file_inventory">
                            </div>
                        </div>
                        <small id="passwordHelpBlock" class="ul-form__text form-text ">
                            @lang('download_template') <a href="{{ url('/export/template/inventory') }}">@lang('here')</a>
                        </small>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('close')</button>
                <button type="button" class="btn btn-primary ladda-button basic-ladda-button footer-delete-right" data-style="expand-left" id="import_template">@lang('upload_template')</button>
            </div>
        </div>
    </div>
</div>
@endcan
@endsection

@section('page-js')
<script src="{{asset('assets/js/vendor/spin.min.js')}}"></script>
<script src="{{asset('assets/js/vendor/ladda.js')}}"></script>
<script src="{{asset('js/views/zones.js')}}"></script>
@endsection