@extends('layouts.backend.app')
@push('header')
<link rel="stylesheet" href="{{asset('backend/vendors/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}" />
<link rel="stylesheet" href="{{asset('backend/vendors/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css')}}" />
<link rel="stylesheet" href="http://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css">
@endpush
@section('content')
    <div id="right-panel" class="right-panel">
        <div class="breadcrumbs">
            <div class="col-sm-4">
                <div class="page-header float-left">
                    <div class="page-title">
                        <h1>Hospital</h1>
                    </div>
                </div>
            </div>
            <div class="col-sm-8">
                <div class="page-header float-right">
                    <div class="page-title">
                        <ol class="breadcrumb text-right">
                            <li><a href="#">Dashboard</a></li>
                            <li>
                                <a href="#" class="active">Hospitais</a>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="content mt-3">
            <div class="animated fadeIn">
                <div class="row">
                    <div class="col-md-12">
                        @if ($errors->any())

                        @foreach ($errors->all() as $error)
                        <div class="alert  alert-danger alert-dismissible fade show" role="alert">
                            <span class="badge badge-pill badge-danger">Erro</span> {{$error}}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        @endforeach

                        @endif

                    </div>
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <strong class="card-title">Hospitais</strong>
                                <button type="button" class="btn btn-primary mb-1" data-toggle="modal"
                                data-target="#createModal">
                                <i class="fa fa-plus"></i>
                            </button>
                            </div>
                            <div class="card-body">
                                <table id="bootstrap-data-table-export" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Nome</th>
                                            <th>Nif</th>
                                            <th>Especialidade</th>
                                            <th>Data da Fundação</th>
                                            <th>Telefone</th>
                                            <th>Descrição</th>
                                            <th>Província</th>
                                            <th>Município</th>
                                            <th>Cidade</th>
                                            <th>Criado em</th>
                                            <th>Actualizado em</th>
                                            <th>Acções</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($hospitais as $key => $hospital)
                                        <tr>
                                            <td>{{$key+1}}</td>
                                            <td>{{$hospital->nome}}</td>
                                            <td>{{$hospital->nif}}</td>
                                            <td>{{$hospital->especialidade}}</td>                                               
                                            <td>{{$hospital->dataFundacao}}</td>                                        
                                            <td>{{$hospital->telefone}}</td>
                                            <td>{{$hospital->body}}</td>
                                            <td>{{$hospital->provincia}}</td>
                                            <td>{{$hospital->municipio}}</td>
                                            <td>{{$hospital->cidade}}</td> 
                                            <td>{{$hospital->created_at}}</td>
                                            <td>{{$hospital->updated_at}}</td>
                                            <td>
                                                <!-- Button trigger modal -->
                                                <button type="button" class="btn btn-primary mb-1" data-toggle="modal"
                                                    data-target="#viewModal-{{$hospital->id}}">
                                                    <i class="fa fa-eye"></i>
                                                </button>

                                                <button type="button" class="btn btn-secondary mb-1" data-toggle="modal"
                                                    data-target="#editModal-{{$hospital->id}}">
                                                    <i class="fa fa-pencil"></i>
                                                </button>
                                                <button type="button" class="btn btn-danger mb-1" data-toggle="modal"
                                                    data-target="#deleteModal-{{$hospital->id}}">
                                                    <i class="fa fa-trash-o"></i>
                                                </button>
                                            </td>
                                        </tr>
                                        @endforeach

                                    </tbody>
                                </table>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- .animated -->            
            <div class="animated">
                <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-labelledby="mediumModalLabel"
                    data-backdrop="static" aria-hidden="true" style="display: none;">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="mediumModalLabel">Criar Hospital</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <form action="{{route('admin.hospital.store')}}" method="post" name="f1" id="createHospital" enctype="multipart/form-data" class="form-horizontal">
                                    @csrf
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Nome</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" id="nome" name="nome" placeholder="Nome" class="form-control">
                                            <small class="form-text text-muted">Nome do Hospital</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Nif</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" type="date" id="nif" name="nif" placeholder="Nif" class="form-control">
                                            <small class="form-text text-muted">Número de identificação fiscal</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Data Fundação</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="date" id="dataFundacao" name="dataFundacao" placeholder="Data da fundação do Hospital" class="form-control">
                                            <small class="form-text text-muted">Data da fundação do Hospital</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Número de telefone</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" id="telefone" name="telefone" placeholder="Número de telefone" class="form-control">
                                            <small class="form-text text-muted">Número de telefone</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">                                    
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Província</label></div>
                                        <div class="col-12 col-md-9">
                                        <select id="pais" name="pais" placeholder="Província" class="form-control" onchange="cambia_provincia()"> 
                                            <option value="0" selected>Selecione a Província 
                                            <option value="1">Bengo 
                                            <option value="2">Benguela 
                                            <option value="3">Bié 
                                            <option value="4">Cabinda
                                            <option value="5">Cunene  
                                            <option value="6">Huambo  
                                            <option value="7">Huíla  
                                            <option value="8">Kuando Kubango 
                                            <option value="9">Kwanza Norte
                                            <option value="10">Kwanza Sul
                                            <option value="11">Luanda
                                            <option value="12">Lunda Norte
                                            <option value="13">Lunda Sul
                                            <option value="14">Malange      
                                            <option value="15">Moxico
                                            <option value="16">Namibe
                                            <option value="17">Uíge
                                            <option value="18">Zaire
                                            <option value="19">Outro
                                            </select>
                                            <small class="form-text text-muted">Província</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Município</label></div>
                                        <div class="col-12 col-md-9">
                                        <select id="provincia" name="provincia" placeholder="Município" class="form-control"> 
                                            <option value="-">Selecionar a província
                                            </select> 
                                            <small class="form-text text-muted">Município</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Cidade</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" id="cidade" name="cidade" placeholder="Cidade" class="form-control">
                                            <small class="form-text text-muted">Cidade</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select" class=" form-control-label">Especialidade</label></div>
                                        <div class="col-12 col-md-9">
                                            <select name="especialidade" id="especialidade" class="form-control">
                                           @foreach ($especialidades as $especialidade) 
                                                <option value="{{$especialidade->name}}">{{$especialidade->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Descrição</label></div>
                                        <div class="col-12 col-md-9">
                                            <textarea type="text" id="descricao" name="descricao" placeholder="Descrição do Hospital" class="form-control"></textarea>
                                            <small class="form-text text-muted">Descrição</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="file-input" class=" form-control-label">Imagem do hospital</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="file" id="file-input" name="image" class="form-control-file">
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary btn-md" onclick="event.preventDefault();
                                    document.getElementById('createHospital').submit();">
                                        <i class="fa fa-dot-circle-o"></i> Submeter
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
               @foreach ($hospitais as $hospital)
               <div class="modal fade" id="viewModal-{{$hospital->id}}" tabindex="-1" role="dialog" aria-labelledby="mediumModalLabel"
                data-backdrop="static" aria-hidden="true" style="display: none;">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="mediumModalLabel">Hospital</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">
                                <div class="row">
                                <div class="col-sm-6">
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Nome</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->nome}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Nif</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->nif}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Especialidade</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->especialidade}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Data da Fundação</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->dataFundacao}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Telefone</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->telefone}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Descrição</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->body}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Província</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->provincia}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Município</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->municipio}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Cidade</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->cidade}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Criado em</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->created_at}}</p>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label class=" form-control-label">Actualizado em</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <p class="form-control-static">{{$hospital->updated_at}}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <img src="{{asset('storage/hospital/'.$hospital->image)}}" alt="{{$hospital->image}}">
                                </div>
                                </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="editModal-{{$hospital->id}}" tabindex="-1" role="dialog" aria-labelledby="mediumModalLabel"
                data-backdrop="static" aria-hidden="true" style="display: none;">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="mediumModalLabel">Editar Hospital | {{$hospital->nome}}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form action="{{route('admin.hospital.update', $hospital->id)}}" name="f2" method="post" id="edithospital-{{$hospital->id}}" enctype="multipart/form-data" class="form-horizontal">
                                @csrf
                                @method('PUT')
                                <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Nome</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" id="nome" name="nome" value="{{$hospital->nome}}" class="form-control">
                                            <small class="form-text text-muted">Nome do Hospital</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Nif</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" type="date" id="nif" name="nif" value="{{$hospital->nif}}" class="form-control">
                                            <small class="form-text text-muted">Número de identificação fiscal</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Data Fundação</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="date" id="dataFundacao" name="dataFundacao" value="{{$hospital->dataFundacao}}" class="form-control">
                                            <small class="form-text text-muted">Data da fundação do Hospital</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Número de telefone</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" id="telefone" name="telefone" value="{{$hospital->telefone}}" class="form-control">
                                            <small class="form-text text-muted">Número de telefone</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">                                    
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Província</label></div>
                                        <div class="col-12 col-md-9">
                                        <select id="pais" name="pais" value="{{$hospital->provincia}}" class="form-control" onchange="cambia_provincia2()"> 
                                            <option value="0" selected>Selecione a Província 
                                            <option value="1">Bengo 
                                            <option value="2">Benguela 
                                            <option value="3">Bié 
                                            <option value="4">Cabinda
                                            <option value="5">Cunene  
                                            <option value="6">Huambo  
                                            <option value="7">Huíla  
                                            <option value="8">Kuando Kubango 
                                            <option value="9">Kwanza Norte
                                            <option value="10">Kwanza Sul
                                            <option value="11">Luanda
                                            <option value="12">Lunda Norte
                                            <option value="13">Lunda Sul
                                            <option value="14">Malange      
                                            <option value="15">Moxico
                                            <option value="16">Namibe
                                            <option value="17">Uíge
                                            <option value="18">Zaire
                                            <option value="19">Outro
                                            </select>
                                            <small class="form-text text-muted">Província</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Município</label></div>
                                        <div class="col-12 col-md-9">
                                        <input type="text" id="provincia" name="provincia" value="{{$hospital->municipio}}" class="form-control">                                        
                                            <small class="form-text text-muted">Município</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Cidade</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" id="cidade" name="cidade" value="{{$hospital->cidade}}" class="form-control">
                                            <small class="form-text text-muted">Cidade</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select" class=" form-control-label">Especialidade</label></div>
                                        <div class="col-12 col-md-9">
                                            <select name="especialidade" id="especialidade" value="{{$hospital->especialidade}}" class="form-control">
                                           @foreach ($especialidades as $especialidade) 
                                                <option value="{{$especialidade->name}}">{{$especialidade->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Descrição</label></div>
                                        <div class="col-12 col-md-9">
                                            <textarea type="text" id="descricao" name="descricao" value="{{$hospital->body}}" class="form-control">{{$hospital->body}}"</textarea>
                                            <small class="form-text text-muted">Descrição</small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="file-input" class=" form-control-label">Imagem do hospital</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="file" id="file-input" value="{{$hospital->image}}" name="image" class="form-control-file">
                                        </div>
                                    </div>
                                <button type="submit" class="btn btn-primary btn-md" onclick="event.preventDefault();
                                document.getElementById('edithospital-{{$hospital->id}}').submit();">
                                    <i class="fa fa-dot-circle-o"></i> Editar
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="deleteModal-{{$hospital->id}}" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
                data-backdrop="static" aria-hidden="true" style="display: none;">
                <div class="modal-dialog modal-sm" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="staticModalLabel">Eliminar Hospital</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <p>
                                O Hospital será eliminado !!
                            </p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                            <button type="button" class="btn btn-danger" onclick="event.preventDefault();
                            document.getElementById('deletehospital-{{$hospital->id}}').submit();">Confirmar</button>
                    <form action="{{route('admin.hospital.destroy', $hospital->id)}}" style="display: none" id="deletehospital-{{$hospital->id}}" method="POST">
                        @csrf
                        @method('DELETE')
                    </form>
                        </div>
                    </div>
                </div>
            </div>
               @endforeach


                <!-- .content -->
            </div>


<!-- .content -->
@endsection

@push('footer')
<script>
                                        var provincias_1=new Array("Ambriz", "Dande",  "Dembos", "Bula Atumba", "Nambuangongo", "Pango Aluquêm");
                                        var provincias_2=new Array("Balombo", "Baía Farta", "Benguela", "Bocoio", "Caimbambo", "Catumbela", "Chongoroi", "Cubal", "Ganda", "Lobito");
                                        var provincias_3=new Array("Andulo", "Camacupa", "Catabola", "Chinguar", "Chitembo", "Cuemba", "Cunhinga", "Kuito", "Nharea");
                                        var provincias_4=new Array("Belize", "Buco-Zau", "Cabinda", "Cacongo");
                                        var provincias_5=new Array("Cahama", "Cuanhama", "Curoca", "Cuvelay", "Namacunde", "Ombadja");
                                        var provincias_6=new Array("Bailundo", "Catchiungo", "Caála", "Ekunha", "Huambo", "Londuimbale", "Longongo", "Mungo", "Tchicala-Tcholoanga", "Tchindjenje", "Ucuma");
                                        var provincias_7=new Array("Caconda", "Cacula", "Caluquembe", "Chiange", "Chibia", "Chicomba", "Chipindo", "Humpata", "Jamba", "Kuvango", "Lubango", "Matala", "Quilengues", "Quipungo");
                                        var provincias_8=new Array("Calai", "Cuangar", "Cuchi", "Cuito Cuanavale", "Dirico", "Longa", "Mavinga", "Menongue", "Rivungo");
                                        var provincias_9=new Array("Ambaca", "Banga", "Bolongongo", "Cambambe", "Cazengo", "Golungo Alto", "Gonguembo", "Lucala", "Quiculungo", "Samba Caju");
                                        var provincias_10=new Array("Amboim", "Cassongue", "Conda", "Ebo", "Libolo", "Mussende", "Porto Amboim", "Quibala", "Quilenda", "Seles", "Sumbe", "Waku Kungo");
                                        var provincias_11=new Array("Belas", "Cacuaco", "Cazenga", "Icolo e Bengo", "Luanda", "Quiçama", "Kilamba Kiaxi", "Talatona", "Viana");
                                        var provincias_12=new Array("Cambulo", "Capenda-Camulemba", "Caungula", "Chitato (Tchitato)", "Cuango", "Cuilo", "Lóvua", "Lubalo", "Lucapa", "Xá Muteba");
                                        var provincias_13=new Array("Cacolo", "Dala", "Muconda", "Saurimo");
                                        var provincias_14=new Array("Cacuso", "Calandula", "Cambundi-Catembo", "Cangandala", "Caombo", "Cuaba Nzogo", "Cunda-Diaza", "Luquembo", "Malange", "Marimba", "Massango", "Caculama-Mucari", "Quela", "Quirima");
                                        var provincias_15=new Array("Alto Zambeze", "Bundas", "Camanongue", "Cameia", "Luau", "Lucano", "Luchazes", "Léua", "Moxico");
                                        var provincias_16=new Array("Bibala", "Camulo", "Namibe", "Tômbua", "Virei");
                                        var provincias_17=new Array("Alto Cauale", "Ambuíla", "Bembe", "Buengas", "Bungo", "Damba", "Macocola", "Mucaba", "Negage", "Puri", "Quimbele", "Quitexe", "Sanza Pombo", "Songo", "Uíge", "Maquela do Zombo");
                                        var provincias_18=new Array("Cuimba", "M'Banza Kongo", "Noqui", "N'Zeto", "Soyo", "Tomboco");
                                        var provincias_19=new Array("Outro");
                                        var todasProvincias = [
                                            [],
                                            provincias_1,
                                            provincias_2,
                                            provincias_3,
                                            provincias_4,
                                            provincias_5,
                                            provincias_6,
                                            provincias_7,
                                            provincias_8,
                                            provincias_9,
                                            provincias_10,
                                            provincias_11,
                                            provincias_12,
                                            provincias_13,
                                            provincias_14,
                                            provincias_15,
                                            provincias_16,
                                            provincias_17,
                                            provincias_18,
                                            provincias_19,
                                        ];

                                        function cambia_provincia(){ 
                                            //tomo el valor del select del pais elegido 
                                            var pais 
                                            pais = document.f1.pais[document.f1.pais.selectedIndex].value 
                                            //miro a ver si el pais está definido 
                                            if (pais != 0) { 
                                                //si estaba definido, entonces coloco las opciones de la provincia correspondiente. 
                                                //selecciono el array de provincia adecuado 
                                                mis_provincias=todasProvincias[pais]
                                                //calculo el numero de provincias 
                                                num_provincias = mis_provincias.length 
                                                //marco el número de provincias en el select 
                                                document.f1.provincia.length = num_provincias 
                                                //para cada provincia del array, la introduzco en el select 
                                                for(i=0;i<num_provincias;i++){ 
                                                    document.f1.provincia.options[i].value=mis_provincias[i] 
                                                    document.f1.provincia.options[i].text=mis_provincias[i] 
                                                }	
                                            }else{ 
                                                //si no había provincia seleccionada, elimino las provincias del select 
                                                document.f1.provincia.length = 1 
                                                //coloco un guión en la única opción que he dejado 
                                                document.f1.provincia.options[0].value = "Selecionar a província" 
                                                document.f1.provincia.options[0].text = "Selecionar a província" 
                                            } 
                                            //marco como seleccionada la opción primera de provincia 
                                            document.f1.provincia.options[0].selected = true 
                                        }
                                        </script>
<script src="{{asset('backend/vendors/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('backend/vendors/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('backend/vendors/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('backend/vendors/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('backend/vendors/jszip/dist/jszip.min.js')}}"></script>
<script src="{{asset('backend/vendors/pdfmake/build/pdfmake.min.js')}}"></script>
<script src="{{asset('backend/vendors/pdfmake/build/vfs_fonts.js')}}"></script>
<script src="{{asset('backend/vendors/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{asset('backend/vendors/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{asset('backend/vendors/datatables.net-buttons/js/buttons.colVis.min.js')}}"></script>
<script src="{{asset('backend/assets/js/init-scripts/data-table/datatables-init.js')}}">
    <script>
        $(document).ready(function () {

            (function ($) {

                $('#filter').keyup(function () {

                    var rex = new RegExp($(this).val(), 'i');
                    $('.searchable tr').hide();
                    $('.searchable tr').filter(function () {
                        return rex.test($(this).text());
                    }).show();

                })

            }(jQuery));

        });
    </script>
    <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
        <script src="http://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>        
        {!! Toastr::message() !!}
@endpush