@extends('admin/_.app')


@section('content')
<div class="container-fluid">
    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
      <h1 class="h3 mb-0 text-gray-800"></h1>
      <a href="{{ route('admin.movieLibrary.all') }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm">
        <i class="fas fa-arrow-left fa-sm text-white-50"></i></a>
    </div>


    <div class="card shadow mb-4">
        <div class="card-body">
            <div class="row">
                <div class="col-md-5">
                    <form class="ess-form-movielibrary" autocomplete="off" method="post" action="{{ route('admin.movieLibrary.update') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="movieLibraryId" value="{{ $movieLibrary->id }}">

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Titre *</label>
                                    <input type="text" class="form-control ess-is-required" name="title"
                                    data-msg="Veuiller renseigner le titre" value="{{ $movieLibrary->title }}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Date *</label>
                                    <input type="text" class="form-control  ess-datepicker" name="dateML"
                                    data-inputmask="'mask': '99/99/9999'" data-msg="Veuiller renseigner la date" value="{{ date('d/m/Y', strtotime($movieLibrary->dateML)) }}">
                                </div>
                            </div>
                            <div class="col-md">
                                <div class="form-group">
                                    <label>Description *</label>
                                    <textarea name="description" class="form-control " rows="2"
                                    ata-msg="Veuiller renseigner la description">{{ $movieLibrary->description }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="exampleFormControlSelect1">Etat</label>
                            <select class="form-control ess-select2 " name="enabled">
                                <option value="1"
                                    {{ $movieLibrary->enabled==1 ? 'selected="selected"' : "" }}>
                                    Actif
                                </option>
                                <option value="0"
                                    {{ $movieLibrary->enabled==0 ? 'selected="selected"' : "" }}>
                                    Inactif
                                </option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Video *</label>
                            <input type="file" class="form-control" name="movie" accept="video/*">
                        </div>

                        <br />
                          <div class="progress">
                            <div class="progress-bar" role="progressbar" aria-valuenow=""
                            aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                              0%
                            </div>
                          </div>
                          <br />
                        <br />

                        <div><small>* Obligatoire</small></div>

                        <button type="submit" class="btn btn-primary btn-sm btn-icon-split mt-3">
                            <span class="icon text-gray-600">
                              <i class="fas fa-arrow-right"></i>
                            </span>
                            <span class="text">Modifier</span>
                      </button>
                    </form>
                </div>
                <div class="col-md">
                    <br>
                    <video width="100%" height="300" controls>
                        <source src="{{ $movieLibrary->getMovie()}}" type="video/mp4">
                        <source src="{{ $movieLibrary->getMovie() }}" type="video/ogg">
                    </video>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection