@extends('layouts.panel')
@section('page_title')
  <div class="col-md-5 align-self-center">
      <h3 class="text-primary">بخش بکاپ</h3> </div>
  <div class="col-md-7 align-self-center">
      <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="javascript:void(0)">خانه</a></li>
          <li class="breadcrumb-item active">بخش بکاپ</li>
          <li class="breadcrumb-item active">بکاپ دستی</li>
      </ol>
  </div>
@endsection
@section('custom_css')
@endsection
@section('content')
<div class="row">
  <div class="col-md-12 col-lg-12 col-sm-12 col-m-12">
    <div class="card simti_responsive_table_no_padding">
      <div class="card-body p-b-0">
        <form method="POST" action="{{route('panel.backups.add_subscribtion')}}" enctype="multipart/form-data">
          @csrf
          <div class="form-body">
            <div class="row">
              <div class="col-md-6 col-sm-12" >
                <div class="form-group">
                  <label class="form-label">ایمیل</label>
                  <input type="text" name="email" id="email" class="form-control {{$errors->has('email')?'is-invalid':''}}" value="{{old('email')}}" >
                  @if($errors->has('email'))
                    <small class="form-control-feedback text-danger">{{$errors->first('email')}}</small>
                  @endif
                </div>
              </div>
              <div class="col-md-6 col-sm-12" >
                <div class="form-group">
                  <label class="control-label">دوره</label>
                  <select class="selectpicker form-control" data-style="simti_o" name="period" data-live-search="false">
                    @foreach(__('backups.period_str') as $key => $value)
                      <option {{ $key == old('period')? 'selected': '' }} value="{{$key}}">{{$value}}</option>
                    @endforeach
                  </select>
                  @if($errors->has('period'))
                    <small class="form-control-feedback text-danger">{{$errors->first('period')}}</small>
                  @endif
                </div>
              </div>
            </div>
          </div>
          <div class="form-actions text-left" style="margin-top:20px">
            <button type="submit" class="btn btn-success"><i class="fa fa-check"></i> ثبت</button>
            <a class="btn btn-info" href="{{route('panel.backups.create')}}"><i class="fa fa-download"></i> دانلود بکاپ دستی</a>
          </div>
          <div class="col-lg-12">
            <div class="table-responsive">
              <table class="table table-striped ">
                <thead>
                  <tr>
                    <th class=" text-center"> ردیف</th>
                    <th class=" text-center"> ایمیل </th>
                    <th class=" text-center"> دوره </th>
                    <th class=" text-center"></th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($subscribtions as $i=>$subscribtion)
                    <tr>
                      <td data-title="ردیف" class="simti_td_center">{{$i+1}}</td>
                      <td data-title="ایمیل" class="simti_td_center">{{$subscribtion->email}}</td>
                      <td data-title="دوره" class="simti_td_center">{{$subscribtion->period_str}}</td>
                      <td data-title="" class="td_btn_custom_width">
                        <div class="dropdown simti_test">
                          <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">عملیات&nbsp;&nbsp;<span class="caret"></span></button>
                          <ul class="dropdown-menu" x-placement="bottom-start" style="position: absolute; transform: translate3d(120px, 40px, 0px); top: 0px; left: 0px; will-change: transform;">
                            <li><a onClick="if(confirm('آیا مطمئن هستید؟')) window.location='{{route('panel.backups.remove', ['backup_subscribtion' => $subscribtion])}}'">حذف</a></li>
                          </ul>
                        </div>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
      </div>
    </div>
  </div>
</div>
@endsection