@extends('layouts.master')

@section('content')

    
    </style>

			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper" style="background-color: #fff;">
                <!-- Content Header (Page header) -->
                <div class="container">
                  <div class="col-md-10" style="text-align: center margin-top:10px;">
            @if(session()->get('success'))
                  <div class="alert alert-success" style=" background: linear-gradient(to top, #60bf89, #d7f3e3, #60bf89); ">
                {{ session()->get('success') }}  
                      </div>
            @endif
          </div></div>
            
          <div class="container">
            <div class="col-md-10">
        @if(session()->get('errorsAfct'))
            <div class="alert alert-dark" >
          {{ session()->get('errorsAfct') }}  
                </div>
        @endif
        </div></div>
              
              <div>
                @if ($errors->any())
                <div class="alert alert-danger" style=" background: linear-gradient(to top, #5a2218, #e68669, #5a2218); ">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                  </ul>
                </div><br/>
              @endif</div>

                <div class="content-header">
                    <div class="container-fluid">
                      <div class="row mb-2">
                        <div class="col-sm-6">
                          <h1 class="m-0 text-dark">Affectation MainOeuvres/Dossiers</h1>
                        </div><!-- /.col -->
                        <div class="col-sm-6">
                          <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item">
                                <a href="{{ url('/home') }}" style="color: black;">
                                <i class="fa fa-home fa-fw" aria-hidden="true" style="color:black;"></i> 
                                Accueil
                            </a>
                            </li>
                            <li class="breadcrumb-item active" style="color:#343a40;">Affectation  MainOeuvres/Dossiers</li>
                          </ol>
                        </div><!-- /.col -->
                      </div><!-- /.row -->
                    </div><!-- /.container-fluid -->
                  </div>

				<!-- Main content -->
				<section id="main" class="content">	
        <div class="row" style="float:right; margin-right:5px; margin-bottom:15px;">
        <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"
              style="background:linear-gradient(to top,#1259ac,#42b3ee,#1259ac); 
                                color:#fff; margin-right:5px;" href="#"> 
                                
                    <i class="fas fa-tools"></i> 
                    Affectation Pieces/Dossiers
              </a>  
                                
            </div>
            <br>

        <table id="table" style="width: 100%;" class="table-responsive-sm">
  <thead>
    
    <tr>
        <th>Ref Dossier</th>
        <th>Designation</th>
        <th>QTY</th>
        
        <th>Prix unitaire</th>
        
        <th>TVA</th>
        
        
        <th>3-Montant</th>
        <th>Tot Main Oeuvre</th>
        <th>Action</th>
    </tr>
  </thead>
  <tbody>
    @foreach ($dossiers as $dossier)
    <tr>
        <td><strong>{{ $dossier->reference }}</strong></td>

        <td>
            @foreach ($dossier->detailmainoeuvres as $detailmainoeuvre)
                <p style="color:#000;"><em>{{ $detailmainoeuvre->designation }}</em></p><hr>
                 <!--
              <ul>
               
              
              </ul>-->
            @endforeach
        </td>
        <td>
          @foreach ($dossier->detailmainoeuvres as $detailmainoeuvre)
           {{ $detailmainoeuvre->pivot->nombreheures}}
           <hr>

           @endforeach 
          </td>
      
      <td>
        @foreach ($dossier->detailmainoeuvres as $detailmainoeuvre)
        {{ $detailmainoeuvre->pivot->tauxhoraire}}DH
        <hr>
           @endforeach 
      </td>
      
      <td>
        @foreach ($dossier->detailmainoeuvres as $detailmainoeuvre)
         {{ $detailmainoeuvre->pivot->tva}} %
        <hr>
           @endforeach 
      </td>

     
     <td>
        @foreach ($dossier->detailmainoeuvres as $detailmainoeuvre)
        <!-- {{ $detailmainoeuvre->pivot->montant}} DH -->
        {{ number_format($detailmainoeuvre->pivot->montant, 2, '.', ',') }} DH
       <hr>
          @endforeach 
    </td>
    <td>
     <!--  {{ $dossier->detailmainoeuvres()->sum('montant')}} --> 
     {{ number_format($dossier->detailmainoeuvres()->sum('montant'), 2, '.', ',') }} DH
    
    </td>
      <td>
      <form action="{{ route('dossiers.destroy', $dossier->id ) }}" method="post">
          @csrf
          @method('DELETE')
          <div style="text-align:center;">
          <a class="badge badge-light" href="{{route('dossiers.edit', $dossier->id)}}">
            <i class="fas fa-edit" style="color: #0bcb85; font-size:13px;"></i>
          </a>
          <button class="badge badge-light" style="font-size:13px; border-style:none; margin-right:5px; margin-left:5px;" type="submit"
          onclick="return confirm('Voulez-vous vraiment supprimer cette vehicule ??');">
            <i class="fas fa-trash-alt" style="color:red; font-size:13; border-style:none;"></i>
        </button> 
            
          </div>
         
      </form>
       </td>
         
    </tr>
    @endforeach
  
   
  </tbody>
  <tfoot>
  <tr>
    <th>Ref Dossier</th>
        <th>Designation</th>
       <th>QTY</th>
        
        <th>Prix unitaire</th>
        
        <th>TVA</th>
        
        
        <th>3-Montant</th>
        <th></th>
        <th>Action</th>
    </tr>
  </tfoot>
</table>
       
    </section>
<!-- /.content -->
            </div>
            


<!-- Button trigger modal -->


    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header" style=" background: linear-gradient(to top,#3d4349, #121212,#3d4349);"> 
            <h4 class="modal-title" style="color:#fff;">Vos infos :</h4>              
                    <button type="button" style="color: #fff" class="close" data-dismiss="modal">
                    <span>&times;</span>
                    </button>
            </div>
            <form action="{{ route('detailmainoeuvres.affecter') }}" method="post">
                    {{csrf_field()}}
                <div class="modal-body">
                    <div class="form-group">
                        <label for="reference"><em>Reference Dossier :</em></label>
                        <select name="reference" id="" class="form-control body-input">
                            <option value="0" disabled="true" selected="true">-Select-</option>
                            @foreach ($dossierss as $dossier)
                            <option value="{{ $dossier->id }}"><strong>{{ $dossier->reference }}</strong></option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="designation"><em>Designation Piece :</em></label>
                        <select name="designation" id="designation" class="form-control body-input">
                            <option value="0" disabled="true" selected="true">-Select-</option>
                            @foreach ($detailmainoeuvres as $detailmainoeuvre)
                            <option value="{{ $detailmainoeuvre->id }}">{{ $detailmainoeuvre->designation }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <input type="text" name="nombreheures" value="{{ old('nombreheures') }}" id="" class="form-control body-input" placeholder="Nombre Heures ...">
                    </div> 
                    <div class="form-group">
                        <input type="text" name="tauxhoraire" value="{{ old('tauxhoraire') }}" id="" class="form-control body-input" placeholder="Taux Horaire ...">
                    </div>
                    
                    
                    <div class="form-group">
                        <input type="number" min="1" max="100" name="tva" value="{{ old('tva') }}" id="" class="form-control body-input" placeholder="TVA %">
                    </div>
                    
                </div>
                <div class="modal-footer">
                <button type="button" class="btn btn-dark btn" data-dismiss="modal" style=" background: linear-gradient(to top,#3d4349, #121212,#3d4349);">Fermer</button>
                <button type="submit" class="btn btn-success btn-style">Enregistrer</button>
                </div>
            </form>
        </div>
        </div>
        </div>
  

@endsection