@extends('layouts.app')

@section('content')
   <h1>CheckList Divisions:</h1>
   <hr>
   <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
             <h3>Add new Division</h3>
             <form method="POST" action="{{ route('chklistdivs.store') }}" class="form-row">
                     {{ csrf_field() }}
                         <div class="col-lg-12 col-md-12 col-sm-12">
                            <label for="name" class="col-form-label">Division Name: </label>
                             <div class="form-group">
                                 <input type="text" class="form-control col-lg-6 col-md-6 col-sm-12"  name="name">
                             </div>

                         </div>
                         <div class="col-lg-12 col-md-12 col-sm-12">
                             <div class="form-check form-check-inline m-1">
                                <label class=" col-form-label m-2   "><b> Purpose: </b></label>
                                <input class="form-check-input" type="radio" name="purpose" value="1" >
                                <label class="form-check-label mr-2">Common</label>

                                <input class="form-check-input" type="radio" name="purpose" value="0" checked>
                                <label class="form-check-label mr-2">Special</label>
                            </div>
                            <div class="form-check form-check-inline m-1">
                                <label class=" col-form-label m-2   "><b> Documented: </b></label>
                                <input class="form-check-input" type="radio" name="page" value="1" >
                                <label class="form-check-label mr-2">First Page</label>

                                <input class="form-check-input" type="radio" name="page" value="2">
                                <label class="form-check-label mr-2">Second Page</label>

                                <input class="form-check-input" type="radio" name="page" value="0" checked="checked">
                                <label class="form-check-label mr-2">None</label>
                            </div>
                         </div>
                         <div class="col-lg-12 col-md-12 col-sm-12 mb-2">
                            <label class="col-form-label mr-1 "><b>Equipment:</b></label>
                            <select id="equipment_list" class="form-control selectpicker" data-live-search="true" name="equipment_id">
                                <option value=0>Choose Equipment</option>
                                @foreach($equipments as $equipment)
                                    <option value={{$equipment->id}}>{{$equipment->name}}</option>
                                @endforeach
                            </select>

                        </div>
                         <div class="col-lg-12 col-md-12 col-sm-12">
                             <div class="form-group">
                                 <button type="submit" class="btn btn-primary ml-1">Submit</button>
                             </div>

                         </div>

             </form>
        </div>

    </div>
    <hr>
   <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="card">
                <div class="card-header">
                    List Of Divisions
                </div>
                <div class="card-body">
                        <div class="table-responsive">
                            <table style="box-shadow: 0px 0px 10px lightgray;"  class="table table-bordered table-sm table-hover myDatatable">
                                    <thead style="background-color:  rgb(80, 120, 131); color: white;font-size: 14px;">
                                        <tr>
                                                <th>ID</th>
                                                <th>Divisions</th>
                                                <th>Purpose</th>
                                                <th>Documented</th>
                                                <th>Action</th>
                                        </tr>
                                    </thead>
                                    @foreach ($chklistdivs as $chklistdiv)
                                    <tr style="font-size:12px;">
                                        <td>{{ $chklistdiv->id }}</td>
                                        <td>{{ $chklistdiv->name }}</td>
                                        <td>{{ $chklistdiv->purpose ==0 ? "Special":"Common"}}</td>
                                        <td>
                                            @php
                                                if($chklistdiv->documented == 0){
                                                    echo "None";
                                                }
                                                elseif ($chklistdiv->documented == 1) {
                                                    echo "Page 1";
                                                }else{
                                                    echo "Page 2";
                                                }
                                            @endphp
                                        </td>
                                        <td>
                                        <a href="/management/chklistdivs/{{$chklistdiv->id}}/edit" target="_blank" class="btn btn-danger btn-sm">Edit</a>
                                        </td>

                                    </tr>
                                    @endforeach
                            </table>
                        </div>
                </div>
            </div>
       </div>

   </div>
   <hr>




@endsection