@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')}}">
<link rel="stylesheet" href="{{asset('assets/styles/vendor/pickadate/classic.css')}}">
<link rel="stylesheet" href="{{asset('assets/styles/vendor/pickadate/classic.date.css')}}">
@endsection
@section('main-content')
<div class="breadcrumb">
    {{-- <h1> @lang('create_zone')</h1> --}}
    <ul>
        <li><a href="{{ route('users.index') }}">@lang('users')</a></li>
        <li><a href="{{ route('userprograms.index', ['user_id' => $user_id]) }}">{{ $user_detail->name }} {{ $user_detail->last_name }}</a></li>
        <li>@lang('create_userprogram')</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('create_userprogram')</h3>
                    </div>
                    <form method="POST" id="form_create" user_id="{{ $user_id }}">
                        @include('userprograms.form')
                        @include('layouts.button_add')
                    </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/userprograms.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/picker.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/picker.date.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/translations/es_ES.js')}}"></script>
<script>
    $(".select2").select2();
    $("[data-toggle=popover]").popover();
    $('.datepicker').pickadate();
</script>
<script src="{{asset('js/plugins/select2/es.js')}}"></script>
@endsection