@extends('partner.layouts.admin_layout')

@section('content_header')
<div class="row mb-2">
    <div class="col-sm-6">
        <h1 class="m-0 text-dark">Account <span class="text-danger ml-4" style="font-size: 15px;"><strong>{{ Session::get('error_msg') }}</strong> </span><span class="text-success ml-4" style="font-size: 15px;"><strong>{{ Session::get('succ_msg') }}</strong> </span></h1>
    </div><!-- /.col -->
    <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{ route('Admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Profile</li>
        </ol>
    </div>
    <div class="col-sm-12">
      <ol class="breadcrumb float-sm-right">
         <a class="btn btn-primary "data-toggle="modal" data-target="#myModal" href="#">Add Package</a>
      </ol>
   </div>
 </div>
@endsection
@section('main_content')
<div class="container-fluid">
  <div class="row">
          <div class="col-12">
            <div class="card">
              <!-- /.card-header -->
              <div class="card-body table-responsive p-0">
                <table class="table table-hover text-nowrap">
                  <thead class="bg-dark">
                    <tr>
                      <th>Profile ID</th>
                      <th>Code</th>
                      <th>Name</th>
                      <th>Base Price</th>
                      <th>Description</th>
                      <th>Status</th>
                      <th>Action</th>
                    </tr>
                  </thead>
                                    
                  <tbody>  
                  @foreach($services as $data)                 
                        <tr>
                        <td>{{$slno}}</td>
                        <td>{{ $data->pack_code }}</td>
                        <td>{{ $data->name }}</td>
                        <td>{{ $data->amount }}</td>
                        <td>{{ substr($data->description,0,30)}}...<a class="badge bg-primary"href="#" data-toggle="modal" data-target="#readmore{{$data->id}}" class="badge bg-danger">Readmore</a>
                        <div class="modal fade" id="readmore{{$data->id}}" role="dialog" style="text-align: left;">
                           <div class="modal-dialog" style="width: 35%;">
                              <!-- Modal content-->
                              <div class="modal-content">
                              <div class="modal-header">                                 
                                 <h4 class="modal-title">Description</h4>
                                 <button type="button" class="close" data-dismiss="modal">&times;</button>
                              </div>
                              <div class="modal-footer">
                                    {{ $data->description }}
                              </div>
                              </div>
                           </div>
                           </div>
                    
                    </td>
                       <td> 
                     @if($data->is_active == 0)
                     <a class="badge bg-danger" href="{{ URL::to('Admin/package/change-status/'.$data->id) }}">Inactive</a>
                     @else
                     <a class="badge bg-success" href="{{ URL::to('Admin/package/change-status/'.$data->id) }}">Active</a>
                     @endif
                  </td>
                  <td>
                     <div class="list-icons">                       
                     <a class="badge bg-primary"href="#" data-toggle="modal" data-target="#confirm-edit{{$data->id}}" class="badge bg-danger">Edit</a>
                           <div class="modal fade" id="confirm-edit{{$data->id}}" role="dialog" style="text-align: left;">
                           <div class="modal-dialog" style="width: 35%;">
                              <!-- Modal content-->
                              <div class="modal-content">
                              <div class="modal-header">
                                 <button type="button" class="close" data-dismiss="modal">&times;</button>
                                 <h4 class="modal-title">Edit Services</h4>
                              </div>
                              <div class="modal-footer">
                                 <Form method ="post" Action="{{url('Admin/package/update/'.$data->id)}}">                                 
                                       @csrf
                                       @method('PUT')
                                       <fieldset>
                                 <label>Name</label>
                                 <input  placeholder="Name" id="name" class="form-control" name="name" value="{{$data->name}}" autofocus type="text">
                                 <label>Code</label>
                                 <input  placeholder="Code" id="pack_code" class="form-control" name="pack_code"  value="{{$data->pack_code}}" autofocus type="text">
                                 <label>Price</label>
                                 <input  placeholder="Price" id="amount" class="form-control" name="amount"  value="{{$data->amount}}" autofocus type="text">
                                 <label>Description</label>
                                 <textarea id="description" class="form-control" name="description" value="{{ old('description') }}"  autofocus >{{$data->description}}</textarea>
                              </fieldset>
                                       <button class="btn btn-success pull-right" type="submit" >Submit</button>
                                       <button type="button" class="btn btn-default btn-fill btn-sm" data-dismiss="modal">Cancel</button>
                                 </Form>
                              </div>
                              </div>
                           </div>
                           </div>
                         <a href="#" data-toggle="modal" data-target="#confirm-delete{{$data->id}}" class="badge bg-danger">Delete</a>
                     </div>
                     <div class="modal fade" id="confirm-delete{{$data->id}}" role="dialog" style="text-align: left;">
                        <div class="modal-dialog" style="width: 35%;">
                           <!-- Modal content-->
                           <div class="modal-content">
                              <div class="modal-header">
                                 <button type="button" class="close" data-dismiss="modal">&times;</button>
                                 <h4 class="modal-title">Confirm Delete</h4>
                              </div>
                              <div class="modal-body">
                                 <p>You are about to delete <b><i class="title"></i></b> record, this procedure is irreversible.</p>
                                 <p>Do you want to proceed?</p>
                              </div>
                              <div class="modal-footer">
                              <Form method ="post" Action="{{route('Admin.package.destroy',$data->id)}}">                                 
                                          @csrf
                                          @method('DELETE')
                                          <button class="btn btn-success pull-right" type="submit" >Submit</button>
                                          <button type="button" class="btn btn-default btn-fill btn-sm" data-dismiss="modal">Cancel</button>
                                       </Form>
                              </div>
                           </div>
                        </div>
                     </div>                    
                  </td>
                  </tr>                   
                  </tbody>
                     
                  @endforeach                  
                </table>               
              </div>              
            </div>            
          </div>
        </div>        
</div>
<div id="register">
   <div class="modal fade" id="myModal"  role="dialog">
      <div class="modal-dialog ">
         <div class="modal-content">
            <div class="modal-body">
               <div class="col-md-12 col-sm-12 register_form dsc_form">
                  <form id="contact" action="{{route('Admin.package.store')}}" method="post" enctype="multipart/form-data">
                     @csrf 
                     <h3>Add Packages</h3>
                     <!--<h4>Submit Your Complaint Here</h4>-->
                     <section id="first_step">
                        <div class="row">
                           <div class="col-md-12 col-sm-12">
                              <div class="alert alert-danger" style="display:none"></div>
                              <fieldset>
                                 <label>Name</label>
                                 <input  placeholder="Name" id="name" class="form-control" name="name" value="{{ old('name') }}" required autocomplete="false" autofocus type="text">
                                 <label>Code</label>
                                 <input  placeholder="Code" id="pack_code" class="form-control" name="pack_code" value="{{ old('pack_code') }}" required autocomplete="false" autofocus type="text">
                                 <label>Price</label>
                                 <input  placeholder="Price" id="amount" class="form-control" name="amount" value="{{ old('amount') }}" required autocomplete="false" autofocus type="text">
                                 <label>Description</label>
                                 <textarea id="description" class="form-control" name="description" value="{{ old('description') }}" required autocomplete="false" autofocus >Description</textarea>
                                    @foreach($services as $service)
                                    {{ $service->service_name }}
                                 <input type="checkbox" id="service" name="service[]" value="{{ $service->id }}"><br>
                                 @endforeach
                                </fieldset>
                           </div>
                           <div class="col-md-6 col-sm-6">
                              <div class="alert alert-danger" style="display:none"></div>
                              <fieldset class="button_box">                                        
                                 <button class="btn btn-success pull-right" >Submit</button>
                              </fieldset>
                           </div>
                        </div>
                     </section>
                  </form>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection