@extends('admin.default')
@section('title', 'Admin | Redirects')
@section('content')

@php
$permissions= getPermissions();
@endphp
<style type="text/css">
  /* .tooltip-inner {
    max-width: 500px !important;
} */
</style>
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
    <li class="breadcrumb-item active" aria-current="page">Redirects</li>
  </ol>
</nav>
<div class="row">
  <div class="col-md-12">
    @if(isset($permissions) && isset($permissions['redirect_save_button']) && $permissions['redirect_save_button']==1)
    <a class="btn btn-primary btn-icon-text text-white float-right mb-2" data-toggle="modal" data-target=".add">
      <i class="btn-icon-prepend" data-feather="plus"></i>
      Add Redirects
    </a>
    @endif
  </div>
</div>
<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <h6 class="card-title">Redirects</h6>
        <div class="table-responsive">
          <table id="dataTableExample" class="table">
            <thead>
              <tr>
                <th>From</th>
                <th>To</th>
                <th>Date</th>
                @if(
                isset($permissions) && isset($permissions['redirect_edit_button']) &&
                $permissions['redirect_edit_button']==1 ||
                isset($permissions) && isset($permissions['redirect_delete_button']) &&
                $permissions['redirect_delete_button']==1)
                <th><span class="float-right">Action</span></th>
                @endif
              </tr>
            </thead>
            <tbody>
              @if(isset($data))
              @foreach($data as $key)
              <tr>
                <td data-toggle="tooltip" data-placement="bottom" title="{{$key->from}}">{{Str::limit($key->from, 50,
                  '...')}}</td>
                <td data-toggle="tooltip" data-placement="bottom" title="{{$key->to}}">{{Str::limit($key->to, 50,
                  '...')}}</td>
                <td>{{date("d M, Y", strtotime($key->updated_at))}}</td>
                <td class="float-right">
                  @if(isset($permissions) && isset($permissions['redirect_edit_button']) &&
                  $permissions['redirect_edit_button']==1)

                  <a href="{{route('getRedirect', $key->id)}}" class="btn btn-sm btn-primary d-inline">Edit</a>
                  @endif
                  @if(isset($permissions) && isset($permissions['redirect_delete_button']) &&
                  $permissions['redirect_delete_button']==1)

                  <form method="post" action="{{route('redirectSetStatus', $key->id)}}" class="d-inline">
                    @csrf
                    <input type="hidden" name="status" value="delete">
                    <input class="btn btn-sm btn-danger" type="submit" name="delete" value="Delete">
                  </form>
                  @endif
                </td>
              </tr>
              @endforeach
              @endif
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Add Modal Start -->
<div class="modal fade bd-example-modal-lg add" tabindex="-1" role="dialog" aria-labelledby="add" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="add">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Add Redirects</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form method="post" action="{{route('redirectStore')}}" enctype="multipart/form-data">
        <div class="modal-body">
          <div class="form-group row">
            <div class="col-md-2">From</div>
            <div class="col-md-10">
              <input type="text" name="from" maxlength="255" class="form-control maxLength" placeholder="Redirect From"
                required>
            </div>
          </div>
          <div class="form-group row">
            <div class="col-md-2">To</div>
            <div class="col-md-10">
              <input type="text" name="to" maxlength="255" class="form-control maxLength" placeholder="Redirect To"
                required>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <input type="submit" class="btn btn-primary" value="Save">
        </div>
      </form>
    </div>
  </div>
</div>
<!-- Add Modal End -->

<!-- Update Modal Start -->
<div class="modal fade bd-example-modal-lg edit" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="edit">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Edit Redirect</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form method="post" action="{{route('redirectStore', isset($redirectData->id)?$redirectData->id:'')}}"
        enctype="multipart/form-data">
        <div class="modal-body">
          <div class="form-group row">
            <div class="col-md-2">From</div>
            <div class="col-md-10">
              <input type="text" name="from" maxlength="255" class="form-control maxLength" placeholder="Redirect From"
                value="{{($redirectData->from)??''}}" required>
            </div>
          </div>
          <div class="form-group row">
            <div class="col-md-2">To</div>
            <div class="col-md-10">
              <input type="text" name="to" maxlength="255" class="form-control maxLength" placeholder="Redirect To"
                value="{{($redirectData->to)??''}}" required>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <input type="submit" class="btn btn-primary" value="Save">
        </div>
      </form>
    </div>
  </div>
</div>
@if(isset($redirectData))
<script type="text/javascript">
  $(window).on('load', function() {
        $('.edit').modal('show');
    });
</script>
@endif
<!-- Update Modal End -->
@stop