@extends('layouts.master')
@section('page-css')
<link rel="stylesheet" href="{{ asset('assets/styles/vendor/ladda-themeless.min.css') }}">
<link rel="stylesheet" href="{{ asset('js/plugins/select2/select2.min.css') }}">
@endsection
@section('main-content')
<div class="breadcrumb">
    {{-- <h1> @lang('create_zone')</h1> --}}
    <ul>
        <li><a href="{{ route('services.index') }}">@lang('services')</a></li>
        <li>@lang('edit_service')</li>
    </ul>
</div>
<div class="separator-breadcrumb border-top"></div>

<section class="widget-card">
    <div class="form_container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3 mb-3">
                <div class="card">
                    <div class="card-header bg-transparent">
                        <h3 class="card-title"> @lang('edit_service')</h3>
                    </div>
                    <form method="POST" id="form_edit" service_id="{{ $service->id }}">
                        @method('PUT')
                        @include('services.form')
                        @include('layouts.button_edit')
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('page-js')
<script src="{{asset('js/plugins/select2/select2.min.js')}}"></script>
<script src="{{asset('assets/js/vendor/spin.min.js')}}"></script>
<script src="{{asset('assets/js/vendor/ladda.js')}}"></script>
<script src="{{asset('js/views/services.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/picker.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/picker.date.js')}}"></script>
<script>
    $(".select2").select2();
    $("[data-toggle=popover]").popover();
</script>
<script src="{{asset('js/plugins/select2/es.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/translations/es_ES.js')}}"></script>
@endsection