@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 -->
              <!-- Errors -->
            @include('dashboard.components.errors')
            <!-- Success Message -->
            @if (session()->has('message'))
                <p class="alert alert-success text-center">
                    {{ session()->get('message') }}
                </p>
            @endif

      <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title mb-4">@lang('dashboard_projects.fast_operation')</h4>
                                    <div>
                                        <a class="popup-form btn btn-primary" href="#addcat" disabled>  <i class="mdi mdi-plus-thick"></i>  @lang('buttons.add') @lang('dashboard_projects.project')</a>
                                                                           
							
                                    </div>
									
									

                                    <div class="card mfp-hide mfp-popup-form mx-auto" id="addcat">
                                        <div class="card-body">
                                            <h4 class="mt-0 mb-4">@lang('dashboard_projects.add_new_project')</h4>
                                            <form action="{{ route('dashboard.projects.store') }}" method="POST">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label for="name">@lang('dashboard_projects.project_name')</label>
                                                            <input type="text" required name="name" class="form-control" id="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" ></textarea>
                                                        </div>
                                                    </div>
                                  
                                                </div>
                                              <div class="row">
											           <div class="col-lg-6">
                                              <div class="form-group">
                                            <label >@lang('dashboard_banks.branched')</label>
                                            <select class="form-control select2" name="client_id" required>
                                                <option disabled selected>@lang('dashboard_banks.branched')</option>
                                                    @foreach ($clients as $client)
                                                        
                                                    <option value="{{$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>
       
					
						
         
					
					         <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title mb-4">@lang('dashboard_projects.filter') </h4>
                                    <form action="{{ route('dashboard.projects.index') }}" method="GET">
                                    <div class="row">
                                              <div class="col-lg-3">
                                              <div class="form-group">
                                            <label class="control-label">@lang('dashboard_projects.project') @lang('dashboard_suppliers.Status')</label>
                                            <select class="form-control select2" name="status">
                                                <option value="all">@lang('dashboard_projects.all')</option>
                                                    <option value="completed">@lang('dashboard_projects.completed')</option>
                                                         <option value="closed">@lang('dashboard_projects.closed')</option>
														        <option value="in_process">@lang('dashboard_projects.in_process')</option>
                                            </select>
                                        </div>
                                                    </div>
							
                                  
														           <div class="col-lg-4">
                                              <div class="form-group">
                                            <label class="control-label"> @lang('dashboard_projects.date_from') </label>
                                       <div class="input-group">
                                                <input type="date" class="form-control" name="date_from" >
                                                <div class="input-group-append">
                                                    <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                                    </div>
													
													           <div class="col-lg-4">
                                              <div class="form-group">
                                            <label class="control-label">@lang('dashboard_projects.date_to')</label>
                                       <div class="input-group">
                                                <input type="date" class="form-control"name="date_to" >
                                                <div class="input-group-append">
                                                    <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                                    </div>
													
													      <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 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">@lang('dashboard_projects.project_name')</th>
                                                        <th data-priority="2">Revenue</th>
                                                        <th data-priority="3">Spent  </th>
                                                        {{-- <th data-priority="3">@lang('dashboard_banks.spent')  </th> --}}
                                                       <th data-priority="2"> Profit Value  </th>
                                                     
                                                       <th data-priority="2">@lang('dashboard_projects.client')</th>
                                                       <th data-priority="2">@lang('dashboard_projects.status')  </th>
   
						                       
     <th data-priority="1">@lang('buttons.process')  </th>
                                                    </tr>
                                                </thead>

                                        <tbody>
                                                    
                                                    @foreach ($projects as $index => $project)
                                                        
															 
														 	 
                                                       <tr>
                                                        <th><a href="{{ route('dashboard.projects.show',$project) }}">{{ $project->name }}</a></th>
                                                
														     <td>{{ $project->revenue }}</td>
															   <td>{{ $project->spent }}</td>
															     <td>{{ $project->revenue - $project->spent}}</td>
                                                                 <td>{{ $project->client->name }}</td>
															     <td>@lang('dashboard_projects.'.$project->status)</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="#">تعديل </a> --}}
                                                <a class="popup-form  dropdown-item" href="#editproject{{ $index }}" 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{{ $index }}">
                                                    <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