@extends('layouts.app')


@section('content')
<div class="content-wrapper">
  
    <div class="content-header">
      <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                  <h3 class="text-center">DECLANSATOARE</h3>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>Agentie</th>
                                <th>Denumire</th>
                                <th>Status</th>
                                <th>Optiuni <button class="btn btn-sm btn-success" data-toggle="modal" data-target="#add-device-modal"><i class="fa fa-plus"></i> Adauga</button></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($devices as $device)
                                @php $device->status ? $status='Activ' : $status='Suspendat'; $test = App\Models\Testsecurity::where('device_id',$device->id)->first(); @endphp
                                <tr>
                                    <td>{{$device->myBranch->BRANCH}} {{$device->myBranch->NAME}}</td>
                                    <td>{{$device->name}}</td>
                                    <td>{{$status}}</td>
                                    <td>    
                                            <button class="btn btn-warning btn-sm" data-toggle="modal" data-target="#edit-device-modal{{$device->id}}" ><i class="fa fa-edit"></i></button>
                                            <a class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                                            <a href="{{route('testing-security',$device->id)}}" class="btn btn-info btn-sm"><i class="fa fa-clock"></i> Test</a>
                                            @if($test)
                                            <a href="{{route('last-test',$test->id)}}" class="btn btn-success btn-sm"><i class="fa fa-check"></i> Completare</a>
                                            @endif
                                    </td>
                                </tr>

                            <!--Edit modal -->
                            <div class="modal" tabindex="-1" role="dialog" id="edit-device-modal{{$device->id}}">
                                <div class="modal-dialog" role="document">
                                  <div class="modal-content">
                                    <div class="modal-header">
                                      <h5 class="modal-title"><i class="fa fa-plus"></i> Declansator</h5>
                                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                      </button>
                                    </div>
                                    <div class="modal-body">
                                      <form action="{{route('update-setting',$device->id)}}" method="post" id="edit-setting-form{{$device->id}}">
                                        @csrf 
                                        @method('PUT')
                                        <label for="">Denumire</label>
                                        <input type="text" class="form-control" value="{{$device->name}}" name="name" required autofocus>
                                        <label for="">Status</label>
                                        <select name="status" id="" class="form-control">
                                            <option value="1" @if($device->status) selected @endif >Activ</option>
                                            <option value="0" @if(!$device->status) selected @endif  >Suspendat</option>
                                        </select>
                                      </form>
                                    </div>
                                    <div class="modal-footer">
                                      <button type="submit" form="edit-setting-form{{$device->id}}" class="btn btn-success"> <i class="fa fa-check"></i> Salveaza</button>
                                      <button type="button" class="btn btn-danger" data-dismiss="modal"> <i class="fa fa-times"></i> Inchide</button>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            <!--End of edit modal -->
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Add modal -->
<div class="modal" tabindex="-1" role="dialog" id="add-device-modal">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title"><i class="fa fa-plus"></i> Declansator</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <form action="{{route('store-setting')}}" method="post" id="add-setting-form">
            @csrf 
            <label for="">Denumire</label>
            <input type="text" class="form-control" name="name" required autofocus>
            <label for="">Status</label>
            <select name="status" id="" class="form-control">
                <option value="1" selected >Activ</option>
                <option value="0">Suspendat</option>
            </select>
          </form>
        </div>
        <div class="modal-footer">
          <button type="submit" form="add-setting-form" class="btn btn-success"> <i class="fa fa-check"></i> Salveaza</button>
          <button type="button" class="btn btn-danger" data-dismiss="modal"> <i class="fa fa-times"></i> Inchide</button>
        </div>
      </div>
    </div>
  </div>
<!--End of add modal -->
@endsection