@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head }}</h3>
   
</div>


<div class="border-item">  
  
    
 <form class="form-row" method="post" action="{{ $action }}" enctype="multipart/form-data">
        @if($project ?? ''  && $project->id)
            @method('PUT')
        @endif
        @csrf
       
        <div class="form-group col-lg-6">
            <label>{{  __('projects.status') }}  </label>
            <select class="form-control {{ $errors->has('status') ? 'is-invalid' : '' }}" onchange="selectStatus(this)" name="status">
                @foreach($all as $row)
                    <option @if($row == $project->status) selected @endif value="{{$row}}">{{__('projects.'.$row)}}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-lg-6" id="whatsapp" @if(!in_array($project->status,$show)) style="display:none" @endif>
            <label>{{  __('projects.whatsapp') }}  </label>
            <input type="number" id="whatsappInput" class="form-control {{ $errors->has('whatsapp') ? 'is-invalid' : '' }}" name="whatsapp" placeholder="{{__('projects.whatsapp')}}" value='{{  $project->whatsapp  }}'/>
        </div>
        
        <div class="text-center mt-5 col-12">
            <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
        </div>
        <div class="text-center mt-5 col-12">
       <hr>
       </div>
        <div class="form-group col-lg-6">
            <label>{{  __('projects.id') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $project->id  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('projects.user') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $project->user->name  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('projects.phone') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $project->user->phone  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('projects.section_id') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $project->section->descriptions()->name  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('projects.cost') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $project->cost  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('projects.date') }}  </label>
            <input type="text" class="form-control " disabled value='{{  date("Y/m/d  g:i a",strtotime($project->created_at))  }}'/>
        </div>
       
        <div class="form-group col-lg-12">
            <label>{{  __('projects.requirements') }}  </label>
             <textarea  class="form-control" disabled>{{$project->requirements}}</textarea>
        </div>
        
        <div class="col-lg-12">
            <hr>
        </div>
        <div class="form-group col-lg-12">
            <h4>{{__('projects.files')}}</h4>
        </div>
            @foreach($project->files as $i=>$file)
                <div class="row pricing-list-item border-item mb-4" >
                    <div class="col-lg-12">
                        <label>{{__('projects.file')}} : {{$i+1}}</label>
                    </div>
                    
                    <div class="form-group col-lg-6">
                        <label>{{  __('projects.file_name') }}  </label>
                        <input type="text" class="form-control " disabled value='{{  $file->name  }}'/>
                    </div>
                    <!--<div class="form-group col-lg-6">-->
                    <!--    <label>{{  __('projects.count') }}  </label>-->
                    <!--    <input type="text" class="form-control " disabled value='{{  $file->count  }}'/>-->
                    <!--</div>-->
                    <div class="form-group col-lg-6">
                        <label>{{  __('projects.pages') }}  </label>
                        <input type="text" class="form-control " disabled value='{{  $file->pages  }}'/>
                    </div>
                    
                    <div class="col-lg-12">
                       <a target="_blank" class="butn" href="{{asset($file->file)}}">{{__("projects.showFile")}}</a>
                    </div>
                </div>
            @endforeach
     
</form>
      
  
        

   
</div>

@endsection
@section('inner_js')
    <!-- Editor JS files -->
{{--    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>--}}
        <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
        <script>
            function selectStatus(elem)
            {
                let data = $(elem).val();
                if(data != 'new')
                {
                    $('#whatsapp').css('display','block');
                }
                else
                {
                    $('#whatsapp').css('display','none');
                }
                
                // if(data == 'progress')
                // {
                //     $('#whatsappInput').removeAttr('disabled');
                // }
                // else
                // {
                //     $('#whatsappInput').attr("disabled", true);
                // }
            }
        </script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            currentLanguage = "{{getCurrentLocale()}}",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/articles.js') }}"></script>
@endsection