@extends('layouts.app_zatca')
@section('title', __('new.zatca_view'))

@section('content')

    <section class="content-header">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-style1">
                <li class="breadcrumb-item">
                    <a href="#">{{ __('home.home') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="#">{{ __('new.zatca_module') }}</a>
                </li>
                <li class="breadcrumb-item active">{{ __('new.zatca_view') }}</li>
            </ol>
        </nav>
    </section>

    <!-- Main content -->
    <section class="content">
        @component('components.widget', ['class' => 'card'])

            @foreach($locations as $location)

                <div class="col-sm-6  text-center" style="width: 18rem;">
                    <div class="card-body bg-label-light">
                        <h5 class="card-title">{{$location->name}}</h5>
                        <p class="card-text text-primary"> {{__('messages.zatca_settings.title')}}</p>
                        <a href="{{action('App\Http\Controllers\LocationSettingsController@zatcaSettings', [$location->id])}}" class="btn btn-primary">{{__('messages.edit')}}</a>
                    </div>
                </div>
            @endforeach

        @endcomponent

    </section>
    <!-- /.content -->

@endsection