Laravel,PHPのlist.blade.php 内で、削除ボタンを押下時に、確認のダイアログを表示したい。

Question

###前提・実現したいこと
削除ボタンを押下した時に確認画面を表示したいです。
list.blade.php にどのように記述すれば良いですか？

また。<script>の宣言は、layouts.app.blade.php に記述するものなのでしょうか？
list.blade.phpへ記述する場合、どのように記述すれば良いでしょうか？

<meta http-equiv='Content-Style-Type' content='text/javascript'>

###該当のソースコード(list.blade.php)
@extends('layouts.app')

@section('content')

<div class="container"> <div class="row"> <div class="panel-heading">ユーザー一覧</div> <table class="table table-striped"> @foreach($users as $user) <tr> <td>{{$user->id}}</td> <td>{{$user->name}}</td> <td> <form method="post" action="/users/delete/{{$user->id}}"> {{csrf_token()}} <input type="submit" value="削除" class="btn btn-delete"> </form> </td> </tr> @endforeach </table> {!! $users->render() !!} </div> </div> @endsection

@section('script')

<script> $(function(){ $(".btn-delete").click(function(){ if(confirm("本当に削除しますか？")){ // 削除処理。 }else{ return false; } }); }); </script>

@ endsection

Answer 1

まず、質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

以下、私見ですが下記の様に使い分ければ良いと思います。
layouts.app.blade.phpにてscriptを記述する場合は、例えばbootstrapのjs等、システム全体で共有で使いたいものを指定すると良いと思います。
特定の画面で使われるScriptについては上記で書かれている通り、呼び出したいbladeで書いてあげるのが良いのではないでしょうか。書き方は上記の通り@sectionとしても良いでしょうし、そのまま通常のhtmlと同様に<script ～>で書いても差し支えないと思います。(プロジェクト内で統一されていれば)

Comments

[qmomo]

ご回答ありがとうございました。
システムで利用するものは、lyaoutsへ、個別にはlistへ記述するようにいたします。