@extends('layouts.app')
@section('content')
    <div class="container-fluid">
        <div class="row border-bottom p-3 mb-2">
            <a href="{{ route('quality.customer', ['id' => $customer->id]) }}" class="col-auto btn-primary p-0"><i
                    class="bi bi-arrow-left m-3 fs-4"></i></a>
            <h1 class="col-auto fs-2 fw-bold m-0 fw-bold">{{ $customer->name }}</h1>
        </div>

        <div class="row justify-content-between p-3 m-0">
            <div class="col-auto">
                @can('write_customer')
                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#areaModal"
                        onclick="resetForm()">Crear zona</button>
                @endcan
            </div>
        </div>



        @include('messages.alert')
        <div class="table-responsive">
            @include('dashboard.quality.zone.table')
        </div>
        {{ $zones->links('pagination::bootstrap-5') }}
    </div>

    @include('customer.edit.modals.area')
@endsection