@extends('dashboard.components.main')
@section('content')
            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">

                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-flex align-items-center justify-content-between">
                                <h4 class="page-title mb-0 font-size-18">@lang('dashboard_sidebar.projects')</h4>

                                <div class="page-title-right">
                                    <ol class="breadcrumb m-0">
                                        <li class="breadcrumb-item active">@lang('dashboard.welcome')</li>
                                    </ol>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- end page title -->
                    @include('dashboard.components.errors')

      <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title mb-4">@lang('dashboard_projects.fast_operation')</h4>
                                                                
                                    <button id="btnGroupVerticalDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                       Add To Project <i class="mdi mdi-chevron-down"></i>
                                    </button>
                                        <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                                            <a class="  dropdown-item" href="{{ route('dashboard.invoices.create',$invoices->first()->project) }} " disabled> Add Invoice</a>
                                    </div>
									
									

									
									
									
									
									          
									
									
									
	
                                </div>
                            </div>
       
					
						
         
					
					
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">

                                 
                                    <h4 class="card-title">@lang('dashboard_projects.projects') </h4>
                                    <p class="card-title-desc">@lang('dashboard_projects.manage_projects')</p>

                                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                 <thead>
                                                    <tr>
                                              
                                                        <th data-priority="1">Date</th>
                                                        <th data-priority="1">Type</th>
                                                        <th data-priority="1">No.  </th>
                                                       <th data-priority="1">Due Date  </th>
                                                     
                                                       <th data-priority="1">Balance</th>
                                                       <th data-priority="1">Total  </th>
                                                       <th data-priority="1">Status  </th>
                                                       <th data-priority="2">Note  </th>
   
						                       
                                                        {{-- <th data-priority="1">@lang('buttons.process')  </th> --}}
                                                    </tr>
                                                </thead>

                                        <tbody>
                                                    
                                                    @foreach ($invoices as $invoice)
                                                        
															 
														 	 
                                                       <tr>
                                                        <th>{{ $invoice->created_at->toDateString() }}</span></th>
                                                
														     <td> invoice </td>
															   <td>{{ $invoice->number }}</td>
															     <td>{{ $invoice->due_date }}%</td>
															     <td>{{ $invoice->balance_due }}</td>
															     <td>{{ $invoice->invoice_total }}</td>
															     <td>{{ $invoice->status }}</td>
															     <td>{{ $invoice->invoice_notes }}</td>
															
                                                        {{-- <td> <div class="btn-group" role="group">
                                            <button id="btnGroupVerticalDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                @lang('buttons.execute') <i class="mdi mdi-chevron-down"></i>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                                                <a class="popup-form  dropdown-item" href="#editproject" disabled> @lang('buttons.edit')  </a>
                                                
                                                @if($project->status == 'In Process')
                                                <a class="dropdown-item" href="{{ route('dashboard.projects.change.status',[ 'project'=>$project->id , 'status'=>'completed']) }}">تحديدة مكتمل</a>

    <a class="dropdown-item" href="{{ route('dashboard.projects.change.status',[ 'project'=>$project->id , 'status'=>'closed']) }}">تحديدة معلق</a>
    @endif   
                                           

    
    

    <div class="card mfp-hide mfp-popup-form mx-auto" id="editproject">
        <div class="card-body">
            <h4 class="mt-0 mb-4">@lang('buttons.edit') @lang('dashboard_projects.project')</h4>
            <form action="{{ route('dashboard.projects.update',$project) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="name">@lang('dashboard_projects.project_name')</label>
                            <input type="text" name="name" class="form-control" id="name" value="{{ old('name',$project->name) }}" placeholder="@lang('dashboard_projects.project_name')">
                        </div>
                    </div>
                   <div class="col-lg-6">
                        <div class="form-group">
                            <label for="name">@lang('dashboard_projects.description')</label>
                            <textarea class="form-control" name="description" > {{ old('description',$project->description) }}</textarea>
                        </div>
                    </div>
  
                </div>
              <div class="row">
                       <div class="col-lg-6">
              <div class="form-group">
            <label >@lang('dashboard_clients.branched_from') </label>
            <select class="form-control select2" name="client_id">
                <option disabled selected>@lang('dashboard_banks.branched')</option>
                    @foreach ($clients as $client)
                        
                    <option value="{{ (old("client_id",$client->id)) }}" >{{ $client->name }}</option>
                    @endforeach
           
               
            </select>
        </div>
                    </div>
              </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-right">
                            <button type="submit" class="btn btn-primary">@lang('buttons.execute')</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

                                            </div>
                                        </div></td> --}}
                                               
                                                    </tr>
                                                             
                                                    @endforeach
                                       
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- end col -->
                    </div>
                    <!-- end row -->

                    <!-- end row -->
                 
                </div>
                <!-- End Page-content -->
@endsection