@extends('layouts.app')

@section('content')


@php $user = auth()->user(); @endphp



<div class="pagetitle">
    <h1>Pagina Home </h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('home')}}">Acasa</a></li>
        <li class="breadcrumb-item">Pagina</li>
        <li class="breadcrumb-item active">{{$user->access->subrole->name}}</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

  <section class="section">
    <div class="row">

        @if(session('success'))
        <div class="col-md-12">
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{session('success')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
        </div>
        @endif

        @if(session('error'))
        <div class="col-md-12">
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{session('error')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
        </div>
        @endif
      <div class="col-lg-12">
        
@if($user->access->subrole->type==3)
<div class="card">
    <div class="card-body">
      <h5 class="card-title">Completare Tehnica</h5>
      <table class="table table-borderless datatable">
        <thead>
          <tr>
            <th scope="col">#ID</th>
            <th scope="col">Numar Identificare</th>
            <th scope="col">Agentie </th>
            <th scope="col">Propriertar</th>
            <th scope="col">Optiuni</th>
          </tr>
        </thead>
        <tbody>
        @foreach($uncompleted as $uncompleted)
        @php 
            $branch = $uncompleted->contract->branch_description;

            if($uncompleted->contract->branch)
            {
                $branch = $uncompleted->contract->branch->branch.' '.$uncompleted->contract->branch->name;
            }
        @endphp
          <tr>
            <th scope="row"><a href="#">#{{$uncompleted->id}}</a></th>
            <td>{{$uncompleted->additional_number}}</td>
            <td>{{$branch}}</td>
            <td>{{$uncompleted->contract->supplier->name}}</td>
            <td>
                    <button class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#update-uncompleted-modal{{$uncompleted->id}}"><i class="bi bi-pencil"></i></button>
                    <a href="{{route('contract-details',$uncompleted->contract_id)}}" class="btn btn-info btn-sm"><i class="bi bi-eye"></i></a>
            </td>
          </tr>

          <!--Update uncompleted modal -->
          <div class="modal fade" id="update-uncompleted-modal{{$uncompleted->id}}" tabindex="-1">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title"><i class="bi bi-pencil"></i> {{$uncompleted->additional_id}}</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                 <form action="{{route('update-uncompleted',$uncompleted->id)}}" id="update-uncompleted-form{{$uncompleted->id}}" method="post">
                    @csrf 
                    @method('PUT')
                    <label for="">Suprafata vitrata m2</label>
                    <input type="number" step="any" name="vitrage" oninput="validity.valid||(value='0');" required autofocus class="form-control">
                    <label for="">Apa</label>
                    <select name="water" id="" class="form-control" required>
                        <option value="" selected>Alegeti Optiune</option>
                        <option value="1">Proprietar</option>
                        <option value="2">Invest intermed GF</option>
                    </select>
                    <label for="">Gaze</label>
                    <select name="gas" id="" class="form-control" required>
                        <option value="" selected>Alegeti Optiune</option>
                        <option value="1">Proprietar</option>
                        <option value="2">Invest intermed GF</option>
                    </select>
                    <label for="">Curent electric</label>
                    <select name="electricity" id="" class="form-control" required>
                        <option value="" selected>Alegeti Optiune</option>
                        <option value="1">Proprietar</option>
                        <option value="2">Invest intermed GF</option>
                    </select>
                    <label for="">Salubritate</label>
                    <select name="sanitation" id="" class="form-control" required>
                        <option value="" selected>Alegeti Optiune</option>
                        <option value="1">Proprietar</option>
                        <option value="2">Invest intermed GF</option>
                    </select>

                    <input type="hidden" name="completed" value="1" class="form-cotnrol">
                    <label for="">Mentiuni tehnice</label>
                    <textarea name="mentions" id="" cols="30" rows="10" class="form-control">{{$uncompleted->mentions}}</textarea>

                    <div class="form-check form-switch mt-3">
                        <input class="form-check-input" name="all" value="1" type="checkbox" id="flexSwitchCheckDefault">
                        <label class="form-check-label" for="flexSwitchCheckDefault">Aplica pentru intreg contract</label>
                      </div>
                </form>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                  <button type="submit" form="update-uncompleted-form{{$uncompleted->id}}" class="btn btn-warning"><i class="bi bi-check"></i> Salveaza</button>
                </div>
              </div>
            </div>
          </div><!-- End Basic Modal-->

          <!--End of update uncompleted modal -->
        @endforeach
        </tbody>
    </table>
    </div>
  </div>

@endif 


  </div>

     
    </div>
  </section>
@endsection