@extends('layouts.app')

@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<style>
.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control{
    background-image: linear-gradient(0deg, #ff5f54 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, 0.36) 1px, transparent 0)!important;
}
</style>
@endsection

@section('content')
    <div class="bread">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
            <li class="breadcrumb-item">Territorios</li>
        </ol>
    </div>
    <div class="row  page-title">
        <div class="col-12 col-xl-12 flex_content">
            <h1 style="float:left">Lista de <span class="fw-semi-bold">territorios</span> </h1>
            <a class="btnDanger btn1 float_left btn_create" href="{!! route('division-geografica.territorio.create') !!}">Nuevo </a>             
        </div>
    </div>

    <div class="clearfix"></div>

    @include('flash::message')

    <div class="clearfix"></div>

    <section class="widget" style="background:transparent;">
        @include('territorios.table')
    </section>
    <div id="url_estatica" data-url="{{ url('/') }}"></div>
@endsection
@section('scripts')
<script src="{!! asset('js') !!}/territorio/index.js"></script>
@endsection