Авторизация bootstrap forms


https://code.tutsplus.com/tutorials/gates-and-policies-in-laravel--cms-29780

https://laravel.com/docs/5.6/authorization

 

 

composer require netojose/laravel-bootstrap-4-forms

 

подключите последний БС в layout/app.blade.php 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" >
<script src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

Tempus Dominus Bootstrap 4

Инпуты

<input type="text" name="date_start" class="form-control datetimepicker-input" id="datetimepicker5" data-toggle="datetimepicker" data-target="#datetimepicker5"/>
<input type="text" name="date_end" class="form-control datetimepicker-input" id="datetimepicker51" data-toggle="datetimepicker" data-target="#datetimepicker51"/>

Стили Tempus Dominus Bootstrap 4

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.21/moment-timezone-with-data-2012-2022.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css" />
<script type="text/javascript">
    $(function () {
    $('.datetimepicker-input').datetimepicker({
            locale: 'ru'
        });
    });
</script>

 

cat <<EOT>> form.blade.php
{!!Form::text('name', 'Name')->placeholder('Type your name')!!}
{!!Form::date('date_start', 'date_start')->placeholder('date_start')!!}
{!!Form::date('date_end', 'date_end')->placeholder('date_end')!!}
EOT
touch index.blade.php create.blade.php edit.blade.php

 

 

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
                <a href="{{ route('credit.create') }}" class="btn btn-primary">new</a>
            <div class="card">
                <div class="card-header">Dashboard</div>
                <div class="card-body">
@forelse ($data as $item)
    <p>{{ $item->name }} 
    	<a href="{{route('credit.edit', ['id'=>$item->id])}}">edit</a>
    </p>
@empty
    <p>No items</p>
@endforelse
                </div>

            </div>
        </div>
    </div>
</div>
@endsection


@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>
            <div class="card-body">
{!!Form::open()->route('credit.store')->multipart()!!}
	@include('credit.form')
    {!!Form::submit('Сохранить')->id('my-btn')!!}
{!!Form::close()!!}
            </div>
            </div>
        </div>
    </div>
</div>
@endsection


@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>
            <div class="card-body">
{!!Form::open()->put()->route('credit.update', ['id' =>$item->id] )->multipart()->fill($item)!!}
	@include('credit.form')
    {!!Form::submit('Обновить')->id('my-btn')!!}
{!!Form::close()!!}

            </div>
            </div>
        </div>
    </div>
</div>
@endsection